使用jQuery显示和隐藏嵌套的div

这几乎是完美的作品，但有一些问题，显示和隐藏

当我点击

How

之后，我点击

What

，然后点击

How

它会显示

How

子项和

What

子项，它不应该这样做

如果我点击

How

，然后点击

1.s

，然后点击

What

，我也想隐藏第三列，我不知道，我可能会这样做

此代码类似于菜单系统

$（“.second”）.children（）.hide（）；
$（document）.on（“click”，“.first li”，函数（）{
var firstClass=$（this.children（“a”）.attr（“class”）；
$（“.second”）.find（'.+firstClass.prev（）.hide（）；
$（“.second”）.find（'.+firstClass.show（）；
$（文档）.on（“单击“，”.second.+firstClass+“li”，函数（））{
变量季节=$（this）.children（“a”）.index（）+1；
var epiodenumber=$（this）.children（“a”）.attr（“value”）；
var htmlCode=''；
对于（让i=1；i在下面的代码片段中，我使用了先隐藏所有内容，然后显示需要显示的内容的方法。我首先隐藏了.second的每个子项，然后显示单击的一个项目。第三个项目也是如此。注意。隐藏所有.secondary子项意味着需要先显示一个.second子项，然后才能搜索它的子项


$（“.second”）.children（）.hide（）；
$（document）.on（“click”，“.first li”，函数（）{
var firstClass=$（this.children（“a”）.attr（“class”）；
$（“.second”）.children（）.hide（）；
$（“.third”）.children（）.hide（）；
$（“.second”）.find（'.+firstClass.show（）；
$（文档）.on（“单击“，”.second.+firstClass+“li”，函数（））
{
变量季节=$（this）.children（“a”）.index（）+1；
var epiodenumber=$（this）.children（“a”）.attr（“value”）；
var htmlCode=''；
for（设i=1；i