Javascript 切换$（此）元素的同级元素的可见性|无唯一ID[jQuery]

我需要

div.edit-button

来切换其同级

div.additionalFieldForm

请注意，页面上有多个

div.edit-button

和

div.additionalFieldForm

，但我想针对与单击的

div.edit-button

位于同一“系列”中的

div.additionalFieldForm

$（“.edit按钮”）。单击（函数（）{
//问题选择器如下：
$（this）.closest（“div”）.prev（）.toggle（）；
});



附加字段
内容
编辑
去除


附加字段
内容
编辑
去除

尝试使用
同级（）

尝试以下解决方案：


$（“.edit按钮”）。单击（函数（）{
//问题选择器如下：
$（this）.parent（）.find（“.additionalFieldForm”）.first（）.toggle（）；
});



附加字段
编辑
去除


附加字段
编辑
去除

li
是常见的父项。所以

$(".edit-button").click(function () {  
 $(this).closest("li").find(".additionalFieldForm").toggle();
});

是否要隐藏其他字段标签？否，每次单击
div.edit-button
，我都要切换
div.additionalFieldForm的可见性。这也不起作用，我尝试了多个选择器，似乎都不起作用。这对我也不起作用，也没有控制台错误。
$(".edit-button").click(function () {  
 $(this).closest("li").find(".additionalFieldForm").toggle();
});