JQuery Аккордеонный Свернуть и Развернуть Проблема (Родитель и Ребенок) - PullRequest
Новая
       13

JQuery Аккордеонный Свернуть и Развернуть Проблема (Родитель и Ребенок)

1 голос
/ 29 декабря 2011

Я работаю с меню 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>

1 Ответ

2 голосов
/ 29 декабря 2011

Вы хотите подключиться к событию 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 говорит аккордеону свернуть все секции.

Пример: http://jsfiddle.net/p2h8V/

...