javascript - 使用 jquery 切换 CSS 类的更优雅的方式

Question

我再次承担了一些编码工作的任务，随着我在这方面变得越来越安全，我也希望变得更加优雅。这里我有一些代码可以在单击时切换类，然后在单击时将其切换回来。

有没有办法用更少的代码来做到这一点？

function openNav() {
  $opener = $('.topNavigation.closed .topNavOpener');
  $closer = $('.topNavigation.open .topNavOpener');
  $topNavigation = $('.topNavigation');

  $opener.click(function() {
    $topNavigation.removeClass('closed');
    $topNavigation.addClass('open');
    openNav();
  });

  $closer.click(function() {
    $topNavigation.addClass('closed');
    $topNavigation.removeClass('open');
    openNav();
  });
}

Answer 1

默认关闭或打开它，然后为另一个创建一个类，然后切换该类

创建切换按钮:

$("#toggleButton").click(function(){
    $topNavigation.toggleClass('classNameHere');
}};