0

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>

要求されたのは、質問をクリックすると、他の回答が非表示になり、クリックされた質問の回答のみが表示され、これはうまくいくということです...私の問題は、質問をクリック可能なままにして、クリックすると電話がかかることです関数が再び表示され、非表示と表示が繰り返されます

別の質問をクリックしない限り、クリックできないようにする必要があります。

4

1 に答える 1

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");         
       });
   });
于 2013-03-12T14:11:32.283 に答える