javascript - jQuery 多类点击切换

Question

我在使用带有多个类的 jQuery 进行切换时遇到问题。我有这段代码:

$(function(){
   $(".mobile_btn").on("click", function(){
       $(".main_nav").toggleClass("mobile_active");
   }); 
});

当用户点击 .mobile_btn 时，.main_nav 将与 .mobile_active 类切换。此外，我想插入 .container 和 .container_active 并且我希望它们与 .main_nav 同时切换 .mobile_active。所以基本上我的代码应该是这样的:

$(function(){
   $(".mobile_btn").on("click", function(){
       $(".main_nav, .container").toggleClass("mobile_active container_active");
   }); 
});

我已经试过了，但是没有用。关于如何解决此问题的任何想法？

谢谢

Answer 1

你可以这样写:

$(function(){
   $(".mobile_btn").on("click", function(){
       $(".main_nav").toggleClass("mobile_active");
       $(".container").toggleClass("container_active");
   }); 
});