Question

我有一个从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>

要求的是，当我点击任何问题时，其他答案会很好地隐藏，只会显示所点击问题的答案，这样就可以了......我的问题是问题保持可点击状态，当您点击时它将再次调用该函数并重复隐藏和显示

除非你点击另一个问题，否则我需要让它无法点击。

Answer 1

更改此

的切换

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

到

  $(document).ready(function(){

      $(".flip").click(function(){
          $('.selected').removeClass('selected');
          $(this).next().slideDown(5000).addClass('selected');
          $(".panel").not('.selected').hide("fast");         
       });
   });

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

1 个答案: