Question

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

时打开子菜单

我的剧本：

(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');

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

子菜单的垂直下拉菜单活动类

2 个答案: