javascript - 仅设置一个 div 以在滑动切换时打开

Question

我已经设置了 3 篇博文，以便隐藏额外的内容，但是在单击 slideToggle 时，问题是，这发生在具有相同类的每个元素上。

我似乎无法弄清楚如何让它在点击时只有一个滑动。

$(document).ready(function(showmenu) {
        $('.post-footer').click(function() {
                $('.post-more-content').slideToggle().delay('500');
                setTimeout(function(){$('.post-more-content').slideToggle()}, 30000);
     });

});

http://jsfiddle.net/0wu05743/

Answer 1

试试这个:

$(document).ready(function (showmenu) {
    $('.post-footer').click(function () {
        $(this) // clicked element
            .parent('article') // move to parent <article>
            .find('.post-more-content') // getting more content holder <div>
                                           // of current <article>
            .slideToggle();
    });
});

Demo