Jquery 单击按钮时隐藏/显示具有相同类名的div元素

在这里，我想在单击box1中的按钮时隐藏或显示box2和box3。此外，类框还动态重复多次。因此，每当我单击按钮时，它必须隐藏/显示与特定类框关联的类box2和box3，但它显示所有类中的box2和box3元素。请帮帮我。如果你能用这个关键词来解决这个问题也会更好。非常感谢。下面是我的html和jquery代码

$（文档）.ready（函数（）{
$（“.box2”）.hide（）；
$（“.box3”）.hide（）；
$（'.see'）。单击（函数（）{
var value=$（this.attr（'value'）；
$（'.box2'）.toggle（'fast'）；
$（'.box3'）.toggle（'fast'）；
如果（值==‘查看更多’）{
$（this.attr（'value'，'See Less'）；
}else if（值==‘查看较少’）{
$（this.attr（'value'，'See More'）；
}
});
});


使用
$（this）.closest（“.Box”）
查找包含单击按钮的框。从那里，您可以在同一个框中找到
.box2
和
.box3

另外，使用
.val（）
获取并设置元素的值


$（文档）.ready（函数（）{
$（“.box2，.box3”）.hide（）；
$（'.see'）。单击（函数（）{
$（this）.closest（“.Box”）.find（“.box2，.box3”）.toggle（'fast'）；
$（this）.val（函数（i，值）{
返回值=='查看更多'？'查看更少'：'查看更多'；
});
});
});

方框2

方框3

方框2

方框3