0

jQueryを使用してブログ投稿を切り替えました。現時点では、すべての投稿を同時に開くことができますが、1つクリックするとすべての投稿が閉じられるようにしたいと思います。これを行うには、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>
4

1 に答える 1

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;
    });
});

すべてのコードを2つの部分に分割して集約する必要があります。

<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>
于 2012-09-12T17:17:39.160 に答える