jquery - 我已经使用 jQuery 切换了我的博客文章，但是我希望在单击一个帖子时关闭所有其他帖子

Question

我已经使用 jQuery 切换了我的博客文章。目前我可以同时打开所有帖子，但我更希望在点击一个帖子时关闭所有帖子。我需要在我的 jQuery 代码中添加什么来执行此操作？

这是我的代码：

<script type="text/javascript">
$(document).ready(function() {
$('.toggle-section').hide();
});
</script>

<script type="text/javascript">
$(function() {
$('.entry-title').click(function() {
$(this).closest('.post').find('.toggle-section').slideToggle();     
return false;
});
});
</script>

Answer 1

$(function() {
    $('.entry-title').click(function() {
        var clicked = this;  // take a reference of clicked element
                             // to use it within hide() callback scope

        // hide all visible sections
        $('.toggle-section:visible').hide(function() {
            // show the clicked
            $(clicked).closest('.post').find('.toggle-section').slideDown();
        });
        return false;
    });
});

您应该将所有代码汇总为两部分：

<script type="text/javascript">
  $(function() {
      $('.toggle-section').hide();  // initial hide

      $('.entry-title').click(function() {
        var clicked = this;  // take a reference of clicked element
                             // to use it within hide() callback scope

        // hide all visible sections
        $('.toggle-section:visible').hide(function() {
            // show the clicked
            $(clicked).closest('.post').find('.toggle-section').slideDown();
        });
        return false;
     });
  });
</script>