jquery - Jquery slideToggle() - 全部切换

Question

我有一个页面，其中有隐藏在它们下面的答案的问题。当有人点击一个问题时，答案会向下滑动（这是一个可以正常工作的单独功能）。再次单击时，它会返回隐藏状态。

当答案已经打开时，此函数运行并打开所有已关闭的答案，但关闭所有打开的答案。

我希望它打开所有并保持打开的答案打开，并关闭所有并保持关闭的答案关闭。

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

Answer 1

从您在这里提到的内容来看，我认为您可以使用:visible选择器来查找哪个是可见的，并:hidden找到隐藏的元素并执行切换操作。