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>

<强> SCRIPT

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

要在span上添加click事件，请尝试使用

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

Demo

jQuery Accordion菜单 - 保持活动菜单打开

1 个答案: