Question

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

我似乎无法弄清楚如何制作它，以便只有一个会在点击时滑动。

$(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

在幻灯片切换中仅设置一个div打开

1 个答案: