我需要javascript来启用切换列表上的显示
我有一个ul列表，我使用Javascript添加了切换 使用CSS将display设置为none，一切正常。 我正在寻找JavaScript，以便在下一页上显示链接（而不是折叠） 单击父菜单下的链接时。因此，默认情况下它们是折叠的，但是当任何链接 单击并加载页面后，链接不会像最初访问页面时那样折叠。 这是我当前的标记我需要javascript来启用切换列表上的显示,javascript,html,css,Javascript,Html,Css,我有一个ul列表，我使用Javascript添加了切换 使用CSS将display设置为none，一切正常。 我正在寻找JavaScript，以便在下一页上显示链接（而不是折叠） 单击父菜单下的链接时。因此，默认情况下它们是折叠的，但是当任何链接 单击并加载页面后，链接不会像最初访问页面时那样折叠。 这是我当前的标记 <ul> <li> Main Title <ul> <li>
<ul>
<li>
Main Title
<ul>
<li>
<a href="#">link 1 </a>
</li>
<li>
<a href="#">link 2 </a>
</li>
<li>
<a href="#">link 3 </a>
</li>
</li>
</ul>
</ul>
<style>
ul li ul {
display: none;
}
</style>
<script>
$('li').click(function (e) {
$(this).children('ul').slideToggle();
e.stopPropagation();
});
</script>
-
主标题
-
-
-
ul li ul{
显示：无；
}
$（'li'）。单击（函数（e）{
$（this.children（'ul'）.slideToggle（）；
e、 停止传播（）；
});
<script>
$(document).ready(function(){
$("#hideshow").hide(); //By Default li is hide
$("ul").click(function(){
$("#hideshow").slideToggle(1000);
});
});
</script>
$（文档）.ready（函数（）{
$（“#hideshow”）.hide（）；//默认情况下，li为hide
$（“ul”）。单击（函数（）{
$（“#隐藏”）。滑动切换（1000）；
});
});
<body>
<ul><li>Hide </li></ul>
<ul id="hideshow">
<li><a href="#">link 1 </a></li>
<li> a href="#">link 2 </a></li>
<li><a href="#">link 3 </a></li>
</ul>
</body>
隐藏
- a href=“#”>链接2