显示/隐藏使用jquery与其他div共享类的div的最简单方法

Question

说我的代码类似于：

<div class="click">click</div>
<div class="something">sth</div>
<div class="container"><div class="content">content 01</div></div>
<div class="click">click</div>
<div class="something">sth</div>
<div class="container"><div class="content">content 02</div></div>

css是：

.content { display:none; }

但是当我点击其中一个.click时，我只想显示它下方的.content。使用jquery最简单，最简单的方法是什么？提前谢谢。

Answer 1

只需绑定click事件并使用任何相关的横向方法，例如：

<section id="reportcontent"></section>

现在最简单的方法是将所有相关的特定元素包装在公共容器/包装器元素中，然后使用：

$('.click').on('click', function(){        
    $(this).nextAll('.container').first().children('.content').show();
});