Javascript jquery中的元素定位

我有一个元素，我用它作为扩展器。当我点击它时，它使用切换功能来显示/隐藏

扩展器容器

元素

<script type="text/javascript">
$(document).ready(function () {
    $(".expand-icon").click(function () {
        $(".expander-container").toggle(500);
    });
});

$（文档）.ready（函数（）{
$（“.expand icon”）。单击（函数（）{
$（“.expander-container”）.toggle（500）；
});
});

... 

---

如何只针对下一次出现的

扩展容器
元素，而不针对页面上的所有元素？
我认为您应该选择go for

$(".expand-icon").click(function () {
    $(this).next('.expander-container').toggle(500);
});

我想你应该去

$(".expand-icon").click(function () {
    $(this).next('.expander-container').toggle(500);
});

使用

下面是工作演示：
使用

以下是工作演示：

$(document).ready(function () {
    $(".expand-icon").click(function () {
        $(this).next(".expander-container").toggle(500);
    });
});