javascript - jQuery隐藏和切换

Question

我有多行，article里面有我在.article-row里面.content，然后.article-row被点击。当前的 jQuery 会找到.content然后切换它。但是我想更改代码，以便.hide()所有实例.content都与单击的实例无关

$('.article-row').click(function(){
    $(this).parent().find('.content').toggle();
});

<article class="feed1 entry">
    <span class="article-row">
        <span class="article-row-title">I am the title</span>
        <span class="article-row-date">Sat, 07 Sep 2013 02:13:35 -0700</span>
    </span>
    <div class="content">
        <p>I AM THE CONTENT</p>
    </div>
</article>

关联Here

Answer 1

            $('.article-row').click(function(){
                if($(this).parent().find('.content').is(':visible')){
                    $('.content').hide();
                }else{
                    $('.content').hide();
                    $(this).parent().find('.content').show();
                }
            });

Answer 2

这样不是更干净吗？

$('article.entry').on('click', '.article-row', function () {
    $(this).siblings('.content').show();
    $('.content').hide();
});

Answer 3

$('.article-row').click(function(){
    if($(this).parent().find('.content').is(':visible')){
        $('.content').hide();
        $(this).parent().find('.content').show();
    }
});

隐藏所有元素，然后显示单击的元素。但首先验证单击的文章是否还不是活动文章，以确保在为过渡设置动画时它不会闪烁或看起来很奇怪。