Добавить класс, затем удалить класс, когда нажмите

Question

У меня есть якорный текст, который при нажатии добавляет активный класс в другой класс. Я хочу удалить его, когда он имеет активный класс, или если я снова нажму на якорный текст. Как я могу это сделать?

HTML:

<a id="menu1" href="#menu">BUTTON</a> 
<a class="mm-title">TITLE</a> 

JAVASCRIPT:

$(function(){ 
    $("#menu1").click(function(){ 
     $(this).addClass("active"); 
     $("a.mm-title").addClass("remove"); 
    }); 
}); 

CSS:

.remove { display: none; } 

Пробовал с помощью этого один, но, кажется, есть проблема с переключением обратно в неактивное состояние. 2-ой щелчок не делает ничего, но на третий раз возвращается к нормальной

JAVASCRIPT:

$(function(){ 
    $("#menu1").click(function(){ 
     $(this).toggleClass("active"); 
     $("a.mm-title").toggleClass("remove"); 
    }); 
}); 

Answer 1

Попробуйте

$(function(){ 
    $("#menu1").click(function(){ 
     $(this).toggleClass("active"); 
     $("a.mm-title").toggleClass("remove"); 
    }); 
}); 

Позвольте мне знать, если это полезно

Answer 2

попробовать это пример

<style type="text/css"> 
     .sector-active 
     { 
      color: green; 
     } 
    </style> 
    <div class="container"> 
     <div class="main-sectors"> 
      <a href="#" class="sector-active">Name1</a> 
      <a href="#" class="p-l-35">Name2</a> 
      <a href="#" class="p-l-35">Name3</a> 
      <a href="#" class="p-l-35">Name4</a> 
      <a href="#" class="p-l-35">Name5</a> 
     </div> 
    </div> 
    <script type="text/javascript" src="../library/jquery-3.2.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $('a').click(function() 
      { 
       $(this).removeClass('p-1-35'); 
       $('a').removeClass('sector-active'); 
       $(this).addClass('sector-active'); 
      }); 
     }); 

    </script> 

этот код будет добавить sector-active класса щелкнул a тег и удалить sector-active класс из другого a тега

если вы можете добавить sector-active класс для всех щелкнули a тега затем комментарии к следующей строке

// $('a').removeClass('sector-active'); 

это поможет вам