Jquery 如何在两个元素之间切换

我试图用一个按钮在两个

部分之间切换可见性

我有两个部分，一个用于
登录
，另一个用于
注册
。
我希望用户能够在这些部分之间切换

最初的单击事件可以工作，但我不知道如何在下次单击时翻转单击事件以进行交换


点击

让btn=$（“#btn”）
让login=$（'#login'）；
让寄存器=$（“#寄存器”）；
点击（'click'，（e）=>{
e、 预防默认值（）；
register.removeClass（'active'）.addClass（'hide'）；
login.removeClass（'hide'）.addClass（'active'）；
})    
只需使用：

如果其中一个在启动时处于
活动状态
，而另一个在启动时处于
隐藏状态
，则将在它们之间切换

除非您在代码的其他地方使用
登录
和
注册
，否则您可以将它们组合起来

let btn = $('#btn')
let panels = $('#login, #register');
btn.on('click',(e)=>{
    e.preventDefault(); 
    panels.toggleClass('active hide');
});

实例：


让btn=$（“#btn”）
let panels=$（“#登录，#注册”）；
点击（'click'，（e）=>{
e、 预防默认值（）；
panels.toggleClass（“活动隐藏”）；
});
.hide{
显示：无；
}

点击
登记
登录
您的HTML使用
id
s
register
和
signup
定义节，但您的代码需要
register
和
login
。感谢您现在试用。就一个问题，假设我只有hide类，这还可能吗？@Osh-是的，事实上我想说的是，除非你用
active
做其他事情，否则你不需要它。所以酷的效果很好，让我有点困惑，想弄清楚那里发生了什么，但它就像一个符咒：）我想我需要用香草来重新创建它来理解它，有什么提示吗？@Osh你们的意思是“使用”。
querySelectorAll
的
NodeList
在现代环境中是合适的（并且有
forEach
），并且有一个。
let btn = $('#btn')
let panels = $('#login, #register');
btn.on('click',(e)=>{
    e.preventDefault(); 
    panels.toggleClass('active hide');
});