JQuery，隐藏和切换DIV，常见问题页面

JQuery, Hide and Toggle DIV , FAQs page

本文关键字：常见问题 DIV 隐藏 JQuery      更新时间：2023-09-26

我有一个从XML读取的XSL页面，它显示的问题和答案如下:

<div class="faqs">
    <xsl:for-each select ="TSPRoot/FAQS/FAQ">
<div class="flip">
    <xsl:value-of select ="Question"/>
</div>
<div class="panel">
    <xsl:value-of  select ="Answer" disable-output-escaping ="yes"/>
</div>
    </xsl:for-each >
</div>
我有这个Jquery: 
<script>
  $(document).ready(function(){
      $(".flip").click(function(){
          $(".panel").hide("fast");
          $(this).next().slideToggle("slow");
      });
  });
</script>

所要求的是，当我点击任何问题的其他答案很好地隐藏，只有点击的问题的答案会出现，这是很好的…我的问题是问题保持可点击，当你点击它会再次调用函数，它隐藏并反复显示

我需要使它不可点击，除非你点击了另一个问题

从这个

$(this).next().slideToggle("slow");


  $(document).ready(function(){
      $(".flip").click(function(){
          $('.selected').removeClass('selected');
          $(this).next().slideDown(5000).addClass('selected');
          $(".panel").not('.selected').hide("fast");         
       });
   });
相关文章：