javascript - 单击更改事件菜单项的字体

Question

所以，我有这个链接到一些动态显示内容的菜​​单，我一直在尝试编写一些 js 代码来更改当前事件元素的字体。我现在的问题是，如果它不再处于事件状态，它永远不会取消选择该元素。

jsfiddle:

https://jsfiddle.net/z4uhL5wv/2/

j查询:

$(document).ready(function() {

  $("a.menu2").click(function(e) {
  $('.ShowClickedContent').html($($(this).attr('href')).html()); //dynamic content
  var clicks = 0;

      if(clicks % 2 == 0){
          $(this).css('font-family','gillsans');
      }else{
          $(this).css('font-family','gillsanslight');
      }
      ++clicks;


});

});

任何帮助都将不胜感激。注意:我需要在最终解决方案中使用确切的 showClickedContent 查询，否则会出现边距问题。

Answer 1

https://jsfiddle.net/ynrnt6xL/

$(document).ready(function() {

  const buttons = $('.menu2');
  const clear = function() {
    $.each( buttons, function(index, btn) {
        $(btn).removeClass('selected');
    })
  }

    $.each( buttons, function(index, btn) {
    $(btn).click( function(e) {
        clear();
      $(this).addClass('selected');
    });
  });

});