我试图切换附近元素中两个div的显示（显示一个，隐藏另一个）。页面上有多个类似的元素，所以我不能使用ID。
这就是我想做的，但显然是不正确的：
JQUERY

$(".buttonClass").click(function() {
    $(this).next(".innerContainer").next(".summary").toggle();
    $(this).next(".innerContainer").next(".details").toggle();
});

CSS

.buttonClass {
    cursor: pointer; 
}
.summary {
    display: none;
}

HTML

<div class="outerContainer">
    <div class="buttonClass"><img src="images/buttons/expandButton.png" /></div>
    <div class="innerContainer">
        <div class="summary">Summary here.</div>
        <div class="details">Details here.</div>
    </div>
</div>

<div class="outerContainer">
    <div class="buttonClass"><img src="images/buttons/expandButton.png" /></div>
    <div class="innerContainer">
        <div class="summary">Summary here.</div>
        <div class="details">Details here.</div>
    </div>
</div>

... more of the same

谢谢！