Javascript 尝试在第一次单击后保留的表中创建下拉菜单

我将此菜单插入到表中，我希望在单击表中的某个单元格后，第二个菜单将显示为隐藏，但每次单击第二个菜单时，第二个菜单将显示并消失

我希望每次单击“菜单1”或“菜单”时，都会显示“菜单1”或“菜单2”内的“第二导航”内的选项。此外，当它显示我希望他们留在那里，当我再次点击它消失。请参阅代码片段以更好地理解我试图完成的任务

$（“.menu1”）。在（'click'，函数（）{
$（“.second nav”）.$（'li div ul'）。切换（“”）；
});
$（'.nav>li div ul li a'）。单击（函数（e）{
e、 停止传播（）；
});
//菜单2
$（“.menu2”）。在（'click'，函数（）{
$（'.nav'）.$（'li div ul'）。切换（''；
});
$（'.nav>li div ul li a'）。单击（函数（e）{
e、 停止传播（）；
});
//菜单3
$（“.menu3”）。在（'click'，函数（）{
$（“.nav”）.$（'li div ul'）。切换（“”）；
});
$（'.nav>li div ul li a'）。单击（函数（e）{
e、 停止传播（）；
});
//菜单4
$（“.menu4”）。在（'click'，函数（）{
$（“.nav”）.$（'li div ul'）。切换（“”）；
});
$（'.nav>li div ul li a'）。单击（函数（e）{
e、 停止传播（）；
});
//菜单5
$（“.menu5”）。在（'click'，函数（）{
$（“.nav”）.$（'li div ul'）。切换（“”）；
});
$（'.nav>li div ul li a'）。单击（函数（e）{
e、 停止传播（）；
});
tr{
颜色：黑色；
}
*{边距：0；
填充：0；
}
h1{
颜色：黑色；
}
.close{显示：无；}
li.menu1{
背景颜色：橙色；
}
李梅努2{
背景颜色：橙色；
}
li.menu3{
背景颜色：橙色；
}
李梅努4{
背景颜色：橙色；
}
李梅努5{
背景颜色：橙色；
}
/*弗尔斯塔·博沙纳*/
ul导航{
列表样式：无；
显示：块；
宽度：100%；
位置：相对位置；
z指数：0；
颜色：橙色；
-webkit背景大小：50%100%；
显示：列表项；
字体系列：OpenSans常规；
字号：18px；
}
李{
保证金：5px0；
}
ul.nav李安{
-webkit过渡：所有0.3版本都可以轻松过渡；
颜色：白色；
填充：7px 15px 7px 15px；
-webkit边框右上角半径：3px；
-webkit边框右下半径：5px；
显示：块；
文字装饰：无；
-网络工具包盒阴影：2px2px4px2p888；
}
ul.nav李娜：悬停{
颜色：#67a5cd；
填充：9px 15px 7px 30px；
}
ul.nav li ul{
显示：无；
}
ul.nav li:活动ul{
显示：块；
位置：相对位置；
左：3px；
顶部：0px；
列表样式：无；
z指数：999；
背景：橙色；
}
ul.nav-li ul-li
{ 
背景：橙色；
不透明度：0.5；
}

阿洛卡广场酒店
曼努埃尔·莫雷拉·迈亚尔达建筑协会


































在javascript代码中，类选择器不正确：

$(".second nav").$('li div ul').toggle('');

一定是

$(".second.nav").$('li div ul').toggle('');

因为“nav”是标记的第二类，而不是“nav”html组件

我创建了一个工作示例：在javascript代码中，类选择器不正确：

$(".second nav").$('li div ul').toggle('');

一定是

$(".second.nav").$('li div ul').toggle('');

因为“nav”是标记的第二类，而不是“nav”html组件

我用一个工作示例创建了一个小提琴：