Question

我的页面上有一个FAQ区域，列表中包含所有问题，当用户点击标题时，带有答案的DIV将会展开。但是，我在关闭答案DIV层时遇到了麻烦。两件事之一发生......

这个只需单独打开和关闭每个DIV层，因此可以一次打开多个答案。我想只打开一个，当用户点击相同的标题或其他标题时，当前打开的图层应该会崩溃。

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery(".faq_answer").hide();
  jQuery(".faq_heading").click( function() {
    jQuery(this).next(".faq_answer").slideToggle(500);
  });
});
</script>

当点击另一个标题时，这个会折叠当前打开的任何图层（这很好）。但是，当单击SAME标题时，它会关闭它，然后重新打开它。

<script type="text/javascript">
jQuery(document).ready( function() {
  jQuery(".faq_answer").hide();
  jQuery(".faq_heading").click( function() {
    jQuery(".faq_answer").hide(500);
    jQuery(this).next(".faq_answer").slideToggle(500);
  });
});
</script>

Answer 1

在点击处理程序中，而不是：

jQuery(".faq_answer").hide(500);

试试这个：

jQuery(".faq_heading").not(this).next(".faq_answer").hide(500);

用JQuery切换DIV

1 个答案: