javascript - Accordion 菜单自动折叠

Question

我的 asp.net 页面中有一个 Accordion 菜单。菜单运行良好，但有时会自动折叠。如果我重新加载页面，它有时会工作，但大多数时候存在问题。请从 jfiddle 找到我的 html 和 jquery 代码。 Here

$('.loc').click(function () {
            $('#sidewrapper ul ul').slideUp();


            if (!$(this).next().is(':visible')) {
                $(this).next().slideDown();
            }

        }); 

编辑: 我的问题是，如果我单击一个将处于事件状态的列表，则其他列表应该会崩溃。我的代码工作正常。但有时(大部分时间!)如果我单击一个列表，该幻灯片将自动显示并折叠，而无需单击其他列表。

Answer 1

那是因为你试图向上滑动你页面上的所有无序列表，如果你可以尝试向上滑动你当前点击的列表，它将正常工作。

JS 代码:

$('.loc').click(function () {
   //$('#sidewrapper ul ul').slideUp();
   $(this).closest('li').find('ul').slideUp();

   if (!$(this).next().is(':visible')) {
     $(this).next().slideDown();
   }
});

Live Demo @ JSFiddle