子菜單的垂直下拉菜單活動類

Question

有一個活動的類，當我將其用於父菜單時，它會突出顯示。 我希望在使用像<li class='has-sub active'><a href='#'><span>About</span></a> ...時候打開子菜單<li class='has-sub active'><a href='#'><span>About</span></a> ...

jsfiddle在這里

我的劇本：

(function($) {
    $(document).ready(function() {
        $('#cssmenu ul ul li:odd').addClass('odd');
        $('#cssmenu ul ul li:even').addClass('even');
        $('#cssmenu > ul > li > a').click(function() {
            $('#cssmenu li').removeClass('active');
            $(this).closest('li').addClass('active');
            var checkElement = $(this).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;
            }
        });
    });
})(jQuery);

Answer 1

在這行之后

$( document ).ready(function() {

加上這個

$('#cssmenu .active ul').show();

jsfiddle

Answer 2

只需在活動的li上觸發click事件即可。

加

$('#cssmenu > ul > li.active > a').trigger('click');

在腳本末尾。 在點擊事件之外。