Question

我正在使用jQuery Accordion菜单，发现父母和子导航存在问题，需要紧急帮助，谢谢

我完全展开了一个父菜单及其子菜单，然后单击标题以使其折叠。然后我扩展另一个标题，当我回去点击第一个标题时，子菜单没有折叠。有没有办法在选择另一个父标题时折叠一个父母的所有子标题？

谢谢：）

这是我的代码

<div id="accordion">
    <h3><a>Link One - First Level</a></h3>
    <div class="accordionSecond">      
        <h6><a href="#">Second Level</a></h6>
        <div class="accordionLink"> 
        <a href="1.html">1.html</a>
        <a href="2.html">2.html</a>
        <a href="3.html">3.html</a>
        <a href="4.html">4.html</a>
        </div>
    </div>

    <h3><a>Link Two - First Level</a></h3>
    <div class="accordionSecond">      
        <h6><a href="#">Second Level</a></h6>
        <div class="accordionLink"> 
        <a href="1.html">1.html</a>
        <a href="2.html">2.html</a>
        <a href="3.html">3.html</a>
        <a href="4.html">4.html</a>
        </div>
    </div>    

</div>

这里是小脚本行

  <script>
  $(document).ready(function() {
    $("#accordion").accordion( {active: true,  collapsible: true, header: "h3", autoHeight: false, navigation: true, event: 'mouseup'}); 
    $(".accordionSecond").accordion( {active: true,  collapsible: true, header: "h6", autoHeight: false, navigation: true,event: 'mouseup'});
  });
  </script>

Answer 1

您想要使用父母手风琴的changestart事件。在这里，您可以折叠任何儿童手风琴：

$("#accordion").accordion({
    active: true,
    collapsible: true,
    header: "h3",
    autoHeight: false,
    navigation: true,
    event: 'mouseup',
    changestart: function (event, ui) {
        ui.oldContent.accordion("activate", false);
    }
});

使用activate方法并传递false告诉accordion将折叠所有部分。

示例： http://jsfiddle.net/p2h8V/

jQuery手风琴折叠和展开问题（父母和孩子）

1 个答案: