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

我又要承担一些编码工作，随着我在此方面越来越安全，我也想变得更加优雅。在这里，我有一些代码可以在单击时切换一个类，然后在单击时切换回它。

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

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

最佳答案

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

创建一个切换按钮：

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