jQuery addClass example

Change class name on click in jQuery

by JSReaver

HTML

<ul class="menu-list">
        <li>
        <div class="style"><a class="style-txt">Меню1</a><span class="style__arrow_1"></div>
        <ul class="menu">
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          </ul>
        </li>
        <li><div class="style"><a class="style-txt">Меню2<span class="style__arrow_2"></span></a><div>
          <ul class="menu">
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          <li><a href="#">аааа</a></li>
          </ul>
        </li>
        </ul>

CSS

.menu {
  color: red;
}

JavaScript

$("li>a").click(function(){
    $(this).toggleClass("menu");
  });