Javascript 如何选择按钮元素旁边的DIV元素

我有3个盒子，都有一个“点击获取更多信息”按钮。我想写尽可能少的JS，因为我不确定我将有多少潜在的框，因此不想为每个框编写单独的函数

当我单击第一个框上的按钮时，它会显示第一个框的更多信息。当我点击第二个框上的按钮时，它会显示第一个框的更多信息

我试图找到一个解决方案来选择“兄弟”按钮

$（“按钮”）。单击（函数（）{
var x=document.getElementById（“moreInfo”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
};
});

我们的包裹
湖区
350英镑以上最佳报价
非常适合那些知道自己想要什么的人
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


威尔士
通过Facebook提供250英镑以上的折扣
非常适合喜爱绵羊的人
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


D/E
150英镑+
完美学员
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


有关每个软件包的详细信息，请单击。

（这可能包含一个包含更深入价格的文档）

属性id在文档中必须是唯一的，请改用类。您可以通过
parent（）
和
next（）
以特定元素为目标，然后切换类：


$（“按钮”）。单击（函数（）{
var x=$（this.parent（）.next（）；
x、 toggleClass（'moreInfo'）；
});
.moreInfo{
显示：无；
}

我们的包裹
湖区
350英镑以上最佳报价
非常适合那些知道自己想要什么的人
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


威尔士
通过Facebook提供250英镑以上的折扣
非常适合喜爱绵羊的人
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


D/E
150英镑+
完美学员
点击查看更多信息

我们这样做
我们这样做
我们这样做
我们这样做
我们这样做


有关每个软件包的详细信息，请单击。

（这可能包含一个包含更深入价格的文档）

this.parentNode.nextSibling将为您提供moreInfo类div元素。
@JonathanAndrewFox，我们只能根据问题中的源代码为您提供帮助。在您的实际环境中猜测您的代码并回答……源代码是正确的，但仍然无法正常工作？