0

我有一个简单的切换开关，它工作得很好，设法将它拼凑在一起，因为知之甚少或一无所知..

html..

<ul>
    <li id="menu-item-346" class="parents-toggle"><a href="#">Parent Button</a>

        <ul class="sub-menu">

            <li id="menu-item-347" class="parents-toggle-inner"><a href="#">Child Button</a>

            <ul class="sub-menu">
                <li id="menu-item-348" class="menu-item">Button</a></li>
                <li id="menu-item-349" class="menu-item">Button</a></li>
            </ul>
    </li>
</ul>

jQuery....

 $(".parents-toggle > a").click(function () {
         $(".parents-toggle > ul.sub-menu").not($(this).siblings()).slideUp();
         $(this).siblings(".sub-menu").slideToggle();
      });

      $(".parents-toggle-inner > a").click(function () {
         $(".parents-toggle-inner > ul.sub-menu").not($(this).siblings()).slideUp();
         $(this).siblings(".sub-menu").slideToggle();
      });

当您单击按钮以折叠其菜单时，是否有可能将一个活动类添加到该特定按钮，以便当您单击并打开菜单时，按钮保持不同的颜色...？

4

1 回答 1

0

toggleClass()当然，只需像这个jsFiddle 示例一样使用 jQuery 的函数。

$(".parents-toggle > a").click(function() {
    $(this).toggleClass('toggled');
    $(".parents-toggle > ul.sub-menu").not($(this).siblings()).slideUp();
    $(this).siblings(".sub-menu").slideToggle();
});

$(".parents-toggle-inner > a").click(function() {
    $(this).toggleClass('toggled');
    $(".parents-toggle-inner > ul.sub-menu").not($(this).siblings()).slideUp();
    $(this).siblings(".sub-menu").slideToggle();
});​

通过添加$(this).toggleClass('toggled');到您的函数中，您可以根据需要添加/删除类。

于 2012-11-19T17:08:40.033 回答