Jquery 需要在一系列元素中切换div

我在一个页面上有一系列DIV，每个DIV都包含一个嵌套DIV，当用户单击UL中包含的链接时，我需要能够打开和关闭该DIV。下面是一些示例代码：

我需要能够将

添加到我页面上某个div内的每个UL。以下是我的代码：

<div class="gallery" style="width: 67px;">
    <ul>
        <li class="info"><a href="#">Get Info</a></li> 
    </ul>
    <div class="infoPanel">  This is the panel that I need to toggle on and off</div>
</div>
<div class="gallery" style="width: 67px;">
    <ul>
        <li class="info"><a href="#">Get Info</a></li> 
    </ul>
    <div class="infoPanel">  This is the panel that I need to toggle on and off</div>
</div>
<div class="gallery" style="width: 67px;">
    <ul>
        <li class="info"><a href="#">Get Info</a></li> 
    </ul>
    <div class="infoPanel">  This is the panel that I need to toggle on and off</div>
</div>​

这是我需要打开和关闭的面板



这是我需要打开和关闭的面板



这是我需要打开和关闭的面板
​

---

因此，对于每个div.gallery，我需要在用户单击li.info中的链接时打开.infoPanel。我已经能够让一个运行起来，但不知道如何将jquery约束到div的每个实例。任何帮助都会很好。

我想这就是你的意思

试试看：

这样，您就可以获得

的
.gallery
祖先


如果您让它在一个面板上工作，您应该发布您正在使用的jquery。
$('div.gallery li.info a').click(function() {
    $(this).closest('.gallery').find('.infoPanel').slideToggle();
    return false;
});​