Jquery帮助,打开(单击

时间:2015-02-10 14:57:32

标签: jquery html click

html看起来像这样:

<div class="partners-container">
    <div class="clickme">
        <div class="partners-bars">
            Huvudpartners & Sponsorer
        </div>
    </div>
    <div class="showornot hidden">
        <div class="partners-post-wrapper">
            <div class="partners-post">
                <img src="http://i.imgur.com/ThMn1MQ.png">
            </div>
        </div>
    </div>
</div>

现在jquery切换帖子:

$('.clickme').on('click', function(){
    $('.network-container .showornot').slideToggle(400);
});

不幸的是,我得到了更多“具有相同类别= partners-container和.clickme的类别”,所以这段代码的作用是切换第一个: http://gyazo.com/c2dc7a1ae531124ac43d57d03b1dcb5c

但是我希望其他人能够切换,并休息。谁能帮助我?我知道我应该使用“这个”,但我不知道该怎么做。

当点击其父母的孩子点击时,应该切换.showornot ...我知道这很麻烦哈哈

1 个答案:

答案 0 :(得分:0)

为什么不使用简写方法.click?

http://api.jquery.com/click/

然后,尝试以下方法:

$(".showornot", $(this).parent()).slideToggle(400);

工作证明: http://jsfiddle.net/dg2z67hx/3/

我在这个小提琴中正在做的是选择带有.showornot类的元素。按钮的父元素。

请注意您错过了发布的代码中的起始div标签,我认为它被归类为&#39; network-container&#39;,这使得人们更难回答。