Question

我正在制作一个tumblr主题，并且我正在尝试实现一种Jquery效果，当我点击.cari时，.inpo将fadeToggle。但是，问题是，类.cari有多个div，类.inpo有多个div，当点击其中一个类.cari的div时，所有具有类.inpo的div都将淡入淡出。只有在点击自己的.inpo时，我应该怎么做才能使每个.cari fadeToggle？我很确定这里有类似的问题，但我很抱歉，虽然我无法理解解决方案/答案。我是Jquery / Javascript的新手，所以如果答案简单易懂，那就太好了。对不起，谢谢！

图片：http://i.imgur.com/WOjVhXI.png

希望我能够轻松理解我想要实现的目标。

Answer 1

这取决于你的div的确切布局，但这是一个例子

<div class="cari">?</div>
<div class="inpo">{block:Date}<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>{/block:Date}</div>
<div class="cari">?</div>
<div class="inpo">{block:Date}<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>{/block:Date}</div>

如果你的布局是那样的

$(".cari").click(function () {
    $(this).next().fadeToggle();
});*

基本上this是确切的元素（.inpo），所以它抓住下一个元素并切换那个元素。

Jsfiddle example

Jquery fade分别在每个元素上切换

1 个答案: