Javascript 显示/隐藏div（ASP.NET MVC）

我正在编写ASP.NETMVCWeb应用程序，屏幕是这样的

我需要在单击“+”按钮时显示和隐藏div

据我所知，我可以通过JS通过

show（）

和

hide（）

方法来实现这一点

或者我可以在没有JS的情况下这样做，也许你可以给我一些建议

下面是视图中此块的代码

@foreach（模型中的var项目）
{   
@DisplayFor（modelItem=>item.question）
}   

基于：

。折叠{
光标：指针；
显示：块；
}
.折叠+输入{
显示：无；/*隐藏复选框*/
}
.折叠+输入+div{
显示：无；
}
.折叠+输入：选中+div{
显示：块；
}

+
内容1
+
内容2

基于：

。折叠{
光标：指针；
显示：块；
}
.折叠+输入{
显示：无；/*隐藏复选框*/
}
.折叠+输入+div{
显示：无；
}
.折叠+输入：选中+div{
显示：块；
}

+
内容1
+
内容2

如果您使用的是jQuery，那么它非常简单，下面是一个

---

如果您使用jQuery，那么它非常简单，下面是一个

---

你至少可以相信你的解决方案的可行性。如果我的数据库表中有24条记录，我需要硬编码24个id？如果有那么多，使用JS函数会更容易。您提到了show（）和hide（），所以我认为您使用的是jQuery？您至少可以相信您的解决方案的OP。如果我的数据库表中有24条记录，我需要硬编码24个id？如果有那么多，使用JS函数会更容易。您提到了show（）和hide（），所以我认为您使用的是jQuery？

$('.title').on('click',function(){
    $(this).next().toggle();
});