Jquery 是否对同一按钮同时应用打开和关闭状态？

我是jQuery的初学者

正在尝试将关闭状态应用于已应用打开状态的同一汉堡按钮

我可以点击汉堡包按钮并显示滑出导航，但是当复制按钮并应用关闭状态时，它似乎不想工作

我关注这篇文章：

这是我的密码笔：

---

您需要使用

.toggle

函数，本教程介绍如何使用该函数

例如，如果要使用id栏切换div的显示和隐藏：

$("button").click(function() {
  $('#bar').toggle(function() {
    $(this).show(1000);
  }, function() {
    $(this).hide(1000);
  });
});

---

这不是jQuery问题。您正在使用的演示是纯CSS。您的代码笔条目缺少执行所有工作的交换

打开菜单
/
关闭菜单
元素的
标题
元素。是否要隐藏包含“此小猪上市”文本的div？在“关闭”按钮上，单击？同时在
nav
上切换某些类：target对于切换逻辑没有多大用处。@ShankerPaudel我希望在单击X时导航关闭，在单击汉堡时导航打开。
$("button").on("click",function(){
  $(this).toggleClass("menu-on");
});


$( "button" ).click(function() {
  $( "nav" ).toggle( );
});

$("button").click(function() {
  $('#bar').toggle(function() {
    $(this).show(1000);
  }, function() {
    $(this).hide(1000);
  });
});