Javascript 切换不显示容器

我有一个系统组成切换不同的部分。它的工作原理与我所希望的差不多，除了某些原因，当我单击不同的块时，div

项目名称块容器中的所有内容都不会显示。图像显示在第一个块中，但仅此而已。既然我用div包装了所有的内容，那么所有的内容不都应该显示吗

还有一种方法可以保持我所拥有的功能不变，除了改变一件事。除了能够单击
项目名称块
来切换块外，是否有一种方法可以使其成为用户必须单击标题的位置


var allPanels=$（'.project name block container'）.hide（）；
//$（'.project name块：eq（0）.project name description'）.show（）；
$（'.project name block'）。单击（函数（）{
allPanels.slideUp（）；
$（this）.children（'.project name块容器'）.slideDown（）；
返回false；
});
#项目节容器{
高度：自动；
}
.项目名称块{
边框顶部：1件纯黑；
宽度：100%；
光标：指针；
填充：50px0；
文本对齐：居中；
}
.项目名称及名称{
颜色：蓝色；
字号：2em；
}
.项目名称说明{
显示：无；
字号：1em；
边缘顶部：25px；
}
/*.project-name-description.active{
显示：块；
}*/
/*--项目图像---*/
.项目图像容器{
宽度：90%；
利润率：50px5%；
}
.img项目{
宽度：30%；
高度：自动；
}

项目1
这是项目1的文本
项目2
这是项目2的文本
项目3
这是项目3的文本
项目4
这是项目4的文本
项目5
这是项目5的文本
您有
display:none
用于描述。。。去掉那个

 .project-name-description {
    /*display: none;*/ REMOVE THIS LINE
    font-size: 1em;
    margin-top: 25px;
 }

如果您想要项目的标题触发函数，只需更改该选择器，而不是
子项
使用
下一步
：


var-allPanels=$（'.project-name-block-container'）；
$（'.project name title'）。单击（函数（）{
allPanels.slideUp（）；
$（this）.next（'.project name block container'）.slideDown（）；
返回false；
});
#项目节容器{
高度：自动；
}
.项目名称块{
边框顶部：1件纯黑；
宽度：100%；
光标：指针；
填充：50px0；
文本对齐：居中；
}
.项目名称及名称{
颜色：蓝色；
字号：2em；
}
.项目名称说明{
字号：1em；
边缘顶部：25px；
}
.项目图像容器{
宽度：90%；
利润率：50px5%；
}
.img项目{
宽度：30%；
高度：自动；
}
.项目名称块容器{
显示：无；
}

项目1
这是项目1的文本
项目2
这是项目2的文本
项目3
这是项目3的文本
项目4
这是项目4的文本
项目5
这是项目5的文本
这应该可以做到。您在
项目名称描述
div上有
display:none
，没有留下任何可显示的内容


var allPanels=$（'.project name block container'）.hide（）；
//$（'.project name块：eq（0）.project name description'）.show（）；
$（'.project name title'）。单击（函数（）{
allPanels.slideUp（）；
$（this）.parent（）.find（'.project name块容器'）.slideDown（）；
返回false；
});
.project name description{font size:3rem；}
#项目段容器{
高度：自动；
}
.项目名称块{
边框顶部：1件纯黑；
宽度：100%；
光标：指针；
填充：50px0；
文本对齐：居中；
}
.项目名称及名称{
颜色：蓝色；
字号：2em；
}
.项目名称说明{
显示：无；
字号：1em；
边缘顶部：25px；
}
/*.project-name-description.active{
显示：块；
}*/
/*--项目图像---*/
.项目图像容器{
宽度：90%；
利润率：50px5%；
}
.img项目{
宽度：30%；
高度：自动；
}

项目1
这是项目1的文本
项目2
这是项目2的文本
项目3
这是项目3的文本
项目4
这是项目4的文本
项目5
这是项目5的文本
谢谢。我不得不在
allPanels
变量的末尾添加
.hide（）
，但除此之外，它工作得很好。还有一件事，我如何才能关闭打开的面板，而不必单击其他选择？ie:Panel 1是打开的，如果我点击Panel 1标题，它就会关闭。@Becky，我将替换隐藏。。。使用CSS只是为了个人喜好。让我来说明你的要求。太好了！非常感谢你！