Question

我试图实现一个css jquery切换菜单，但它不起作用这些是使用

的代码

CSS：

#submenu  ul{
display:none;
} 

#submenu ul li {
text-align: right;
display: block;
}

.bnt {
display: block;
color:#fff;
font-size: 15px;
text-align: right;
cursor: pointer;
}

.bnt:before {
content:"menu";
}

和JS

<script>
$('.bnt').click(function () {
   $('#submenu ul').toggle();
})
</script>

这些代码有错误吗？

Answer 1

问题是因为您需要将代码包装在ready处理程序中并确保在脚本开始之前或<head>....</head>部分中加载了jQuery：

$(document).ready(function() {
    $('.bnt').click(function () {
      $('#submenu ul').toggle();
    });
});

<强> WORKING DEMO

jquery切换菜单不起作用

1 个答案: