Javascript jQuery Slidetoggle-仅在一个框上显示/隐藏子菜单

我创建了一个页面，其中显示了多个框，每个框的右上角有三个垂直点，当你点击这三个点时，它将打开子菜单，为此，我使用了

slidetoggle

，我想要的是，当用户单击一个框中的点时，它应该一次只显示一个位置，但现在它显示在所有框中，我编写的

jQuery

没有按预期工作

这是最新的

对于幻灯片切换，我有以下JQuery：

$('.popout_info > a').click(function () {
  $(".popout_info").next().slideToggle(200);
});

如果我给每个

DIV

分配ID，那么在这种情况下，框的数量将是无限的，可能是可以动态处理的，请任何人建议如何处理这个问题

---

提前谢谢

您正在选择每个弹出窗口。尝试使用：

$('.popout_list').slideUp(200);
$(this).closest('.doctor_wrapper').find('.popout_list').slideToggle(400);

您必须更改jQuery函数以实现以下目标：

jQuery 这是你的最新消息

我已经做了一些修改，以隐藏任何其他打开的弹出窗口，如果一个弹出窗口打开，不允许冗余

---

您可以使用以下代码来实现这一点

JS

或者试试这个链接 我用过：

$('.popout_info > a').click(function () {
        $(this).parent().next().slideToggle(200);
  });

这对我很有效

---

旁注：很难点击这三个点，因为在鼠标输入/离开时框会调整大小（this）.parent（.popout\u info”）.next（）.slideToggle（200）会成功的。我尝试了上面的代码，但没有成功…选中此项，这是我不想要的，因为框将是无限的，如果可以动态执行，而不是使用不同的ID或类是的，成功了，请将其作为答案发布，以便我可以接受。乐意帮助：）

$('.popout_info > a').click(function () {
    $(this).parent().parent().find(".popout_info").next().slideToggle(200);
  });

$('.popout_info > a').click(function () {
        $(this).parent().next().slideToggle(200);
  });