Jquery slideToggle（） - 全部切換

我有一個頁面，其中有隱藏在它們下面的答案。當有人點擊一個問題時，答案會下滑（這是一個單獨的功能，工作正常）。當再次點擊時，它將返回到其隱藏狀態。Jquery slideToggle（） - 全部切換

當答案已經打開時，此函數將運行並打開所有已關閉的答案，但會關閉所有打開的答案。

我希望它打開所有，並保持打開的答案打開，並關閉所有並保持關閉的答案關閉。

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

來源

2013-03-19 user2185618

你能更精確嗎，選擇器中缺少什麼錯字？ – user2185618 2013-03-19 08:48:34

我已經刪除了我的評論，看起來'arrow'是一個類名，你缺少'.' =>'.find（'arrow'）'。你可以在http://jsfiddle.net上提供演示嗎？ – undefined 2013-03-19 08:49:08

結果是一樣的，它不起作用 – user2185618 2013-03-19 08:52:49

從你這裏所說的是什麼，我想你可以使用:visible選擇找出哪一個是可見的，:hidden找到隱藏的元素，並做切換的事。

來源

2013-03-19 09:10:12

Jquery slideToggle（） - 全部切換

回答

相關問題