JS href onclick hide并显示ul

Question

这是我的HTML：

<ul id="bottom-menu-active">    
    <li><a href="#">T1</a></li>
    <li><a href="#">T2</a></li>
</ul>
<a href="#" id="btn-up">направления</a>

这是我的Javascript：

$("#btn-up").click(function(){
$(this).next("#bottom-menu-active").toggle();
$(this).toggleClass("active");
});

这是我的css：

#bottom-menu-active{
     display:none;
}

为什么我的脚本不起作用？

Answer 1

由于ul id直接使用ID选择器。同时使用event.preventDefault();或return false;来阻止默认操作

$("#btn-up").click(function(event){
   $("#bottom-menu-active").toggle();
   $(this).toggleClass("active");
   event.preventDefault();
});