单击添加课程，然后删除课程 [英] Add class then remove class when click

问题描述

我有一个锚点文本，单击该锚点文本可以将活动的班级添加到另一个班级.当班级处于活动状态或再次单击定位文本时，我想将其删除.我怎样才能做到这一点?

I have an anchor text that when click adds an active class to another class. I want to remove it when it has an active class or if I click the anchor text again. How can I do that?

HTML:

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

JAVASCRIPT:

JAVASCRIPT:

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

CSS:

.remove { display: none; }

尝试使用此选项，但似乎切换回非活动状态存在问题.第二次点击什么也没做，但是第三次​​恢复正常

Tried using this one but seems to have a problem with toggling back to inactive state. the 2nd click doesnt do anything but by the third time goes back to normal

JAVASCRIPT:

JAVASCRIPT:

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

推荐答案

尝试一下

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

让我知道它是否有帮助

这篇关于单击添加课程，然后删除课程的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！