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

我从XML的XSL页阅读，它表现出的问题，如下回答：JQuery的，隐藏和切换DIV，常见问题解答页面

<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>

所要求的是，当我点击任何问题时，其他答案很好隐藏，只有点击问题的答案会出现，这就好了...我的问题是，问题保持可点击，当你点击它会打电话功能再次隐藏并重复显示

我需要使其不可点击，除非您单击另一个问题。

来源

2013-03-12 TruthSoft

变化从这个

$(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-12 14:11:32

斯科特·塞尔比,,非常感谢，但我希望它是未点击一次我点击它，等我不想能够点击同一个问题两次连续除非我点击其他问题 – TruthSoft 2013-03-12 14:23:17

@ user1939819，这会出现无法点击，如果是已经下来 – 2013-03-12 14:29:27

@ user1939819的了slideDown将不执行任何动画 - 如果你真的想要它不可点击，（用户永远不会注意到差异），但是如果您必须使其不可点击，那么您将需要每个.flip上的唯一标识以及记住点击内容的全局变量。 – 2013-03-12 14:32:02

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

回答

相关问题