jquery - 使用slideToggle()来显示最近的或下一个div

Question

好的，将问题重做一个更简单的问题。

这是我的 HTML 代码。

<p>
<span id="tripTitle">Trip #1</span>&nbsp;
    <span class="expandicon" style="display:none;">
        <span class="flip">
        <img class="expand" src="img/expand1.png" />
        </span>
    </span>
    <span class="shrinkicon">
        <span class="flip">
        <img class="shrink" src="img/shrink1.png" />
        </span>
    </span>
</p>
<div class="panel"><table id="table" width="100%">
some text here.
</div>

这是 Java:

$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });

HTML 将在单个页面或创建的每个行程中重复 10 次。 javascript 代码将切换所有带有“panel”类的 div。问题是:有没有一种方法可以让唯一切换的 div 是最接近或靠近单击“flip”类的图像的 div？

顺便说一句，这是它的一个jsfiddle。 http://jsfiddle.net/LyUnB/

Answer 1

使用

$(this).parent().nextAll(".panel:eq(0)").slideToggle("slow");

.panel 是 .flip 的parentNode 的兄弟节点