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;   
    }       
});

演示