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');
}};