1

質問の下に回答が隠されているページがあります。誰かが質問をクリックすると、答えが下にスライドします (これは正常に機能する別の機能です)。もう一度クリックすると、非表示の状態に戻ります。

回答が既に開いている場合、この関数が実行され、すべての閉じられた回答が開かれますが、開いているすべての回答が閉じられます。

すべてを開いて開いている回答を開いたままにし、すべてを閉じて閉じた回答を閉じたままにしたい。

  <div id="hideMenu">
      <span style="display: inline;" class="title">Afficher
      tout</span>
      <span class="title" style="display: none;">Cacher
      tout</span>
      <span class="arrow"></span>
 </div>
 <div class="MppWP">
      <ul>
           <li class="MppAccordion">
                <h3 class="MppWPTitle grey1">
                <span class="MppOrder">1</span>Pr&#233;paration
                de l'appel &#224; candidatures (1er tour)
                <span class="arrow"></span></h3>
                <ul style="display: none;"
                class="MppWPContent">
                     <li>aaaaa</li></ul></li>

           <li class="MppAccordion">
                <h3 class="MppWPTitle grey1">
                <span class="MppOrder">1</span>Pr&#233;paration
                de l'appel &#224; candidatures (1er tour)
                <span class="arrow"></span></h3>
                <ul style="display: none;"
                class="MppWPContent">
                     <li>aaaaa</li></ul></li>
     </ul>
   </div>



$('#hideMenu').click(function () {
    //alert("ici");
    $(this).find(".title").toggle().end()
           .find('arrow').toggleClass('open');
    $(this).parent().find('.MppWP .MppAccordion .MppWPContent').slideToggle("normal").end()  
           .children('.arrow').toggleClass('open');
});
4

1 に答える 1

0

ここで言及したことから、:visibleセレクターを使用:hiddenして、表示されている要素を見つけ、非表示の要素を見つけてトグルを行うことができると思います。

于 2013-03-19T09:10:12.480 に答える