Jquery 是否使用“切换”单击并删除元素，并在其正下方显示/隐藏元素？

我的结构如下：

我想通过单击上面类似的另一个按钮（条），使

ul.children

显示和隐藏

它应该只显示/隐藏下面的列表，因为页面中充满了具有相同结构的无序列表

所以我被困在这里：

$('#wpbdp-categories > .wpbdp-categories > li.cat-item > a').click(function() {
  ???
}); 

有什么建议吗

$('#wpbdp-categories > .wpbdp-categories > li.cat-item > a').click(function() {
  $(this).siblings("ul.children").toggle();
}); 

我想应该有用吧

试试使用

e、 g

最简单的方法

编辑：

.toggle（）

处理单击事件，因此不需要为其定义单击事件

.toggle（）方法绑定click事件的处理程序，因此 这里也列出了触发单击应用的步骤

$(this).next('.children').toggle();

$('#wpbdp-categories > .wpbdp-categories > li.cat-item > a').toggle(
    function() { $(this).next().show() },
    function() { $(this).next().hide() }
);