这是我的代码,它是一个单页网站,当我点击切换栏时,它显示我的'ul',当我点击其中一个'a'时,它将带我到那个div。我打开我的切换杆自动关闭,我不知道如何。
//HTML
<nav>
<div class="menu-icon">
<i class="fa fa-bars fa-2x"></i> \\Toggle Bar
</div>
<div>
<ul>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</ul>
</div>
</nav>
//CSS
showing{
max-height: 20em;
}
//Jquery
$(document).ready(function(){
$(".menu-icon").on("click", function () {
$("nav ul").toggleClass("showing");
});
});
答案 0 :(得分:0)
你有错误的jQuery选择器&#34; nav&#34;
$("nav ul").toggleClass("showing");
您的HTML代码没有,而是有&#34; div&#34;,请尝试:
$("div ul").toggleClass("showing");
并修复你的CSS:
.showing {
max-height: 20em;
}