jQuery手风琴菜单-保持活动菜单打开

Question

我无法使菜单保持打开状态，我无法按照菜单链接的要求向下滑动。 向下滑动应由右上浮的计数器完成。

在当前页面保持打开的代码

$(document).ready( function() {
    $('#cssmenu ul li.has-sub').parent().show();
    $('#cssmenu ul li.has-sub ul').show();
    $('#cssmenu li.has-sub ul').show();
});

我的示例代码： http : //jsfiddle.net/5abCc/

谢谢！

Answer 1

向您的活跃学生添加open课，例如，

HTML

<li class='has-sub open'><a href='javascript:;'><span>Company</span></a>
   <ul>
      <li><a href='javascript:;'><span>About</span></a></li>
      <li class='last'><a href='javascript:;'><span>Location</span></a></li>
   </ul>
</li>

脚本

$(document).ready( function() {
   $('#cssmenu li.has-sub.active ul').show();
});

要在跨度上添加点击事件，请尝试以下操作：

$('#cssmenu > ul > li > a .cnt').click(function() {
       // ----------------^ span counter element
    $('#cssmenu li').removeClass('active');
    $(this).closest('li').addClass('active');   
    var checkElement = $(this).parent('a').next();
    if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        $(this).closest('li').removeClass('active');
        checkElement.slideUp('normal');
    }
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#cssmenu ul ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
    }
    if($(this).closest('li').find('ul').children().length == 0) {
        return true;
    } else {
        return false;   
    }       
});

演示