Jquery如何删除类

时间:2018-01-15 23:22:04

标签: jquery html css

这是我的代码,它是一个单页网站,当我点击切换栏时,它显示我的'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");
});
});

1 个答案:

答案 0 :(得分:0)

你有错误的jQuery选择器&#34; nav&#34;

$("nav ul").toggleClass("showing");

您的HTML代码没有,而是有&#34; div&#34;,请尝试:

$("div ul").toggleClass("showing");

并修复你的CSS:

.showing { max-height: 20em; }