Question

我正在尝试更改导航按钮内的汉堡包图标，当我第一次点击它时，它将是一个使用变换的右图标，然后在第二次点击后它将显示导航菜单。我所能做的就是当你将汉堡包菜单悬停时，它会转换为正确的图标，但我想要的是当它点击它会改变图标然后第二次点击将显示导航，在第三次点击之后它将关闭导航。 / p>

<button id="responsive-menu-button">
<span class="responsive-menu-inner"></span>
</button>

这是我的jquery，它不起作用，但它假设是这样的，当我点击汉堡包图标时它会将图标更改为此“＆gt;”我正在使用转换css就是这样，然后当我第二次点击它时它会显示导航，图标将是“＆lt;”或“x”然后当我按下它时它将回到汉堡包图标

$(document).ready(function(){

 if($('.responsive-menu-inner').data('clicked')) {
 $("html").removeClass(" responsive-menu-open");
 $("#responsive-menu-button").removeClass("is-active");
  $("html").addClass("changeicon");
}
else {
$("html").addClass(" responsive-menu-open");
$("#responsive-menu-button").addClass("is-active");
 $("html").removeClass("changeicon");
}

});

responsive-menu-open是打开导航的类，当它点击时，is-active类是“＆lt;”的图标或“x”我不希望他们在第一次点击时显示，他们将在第二次点击后显示

当您单击第二个timeit时，首次单击显示值将更改该值，第三次将重置

0 个答案: