子菜单的垂直下拉菜单处于活动状态 class

Question

有一个 class 处于活动状态，当我将它用于父菜单时它只是突出显示。 我希望在使用 <li class='has-sub active'><a href='#'><span>About</span></a> ...

时打开子菜单

jsfiddle here

我的脚本：

(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上触发点击事件。

添加

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

在脚本末尾。就在点击事件之外。