jQuery addClass example

Change class name on click in jQuery

by Sergey khorev

HTML

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>


<li class="item-106 deeper parent click">
  <a href="#">Регистрация</a>
  <ul class="dropmenu">
    <li class="item-113 click">
      <a href="/registratsiya/ooo">ООО</a></li>
    <li class="item-114 click"><a href="/registratsiya/ip">ИП</a></li>
    <li class="item-115 click"><a href="/registratsiya/pao-zao">ПАО НАО</a>
    </li>
  </ul>
</li>

CSS

.dropmenu {
  display: none;
}
.deeper .visible {
  display: block;
}

JavaScript

$(function() {
  $('.click').click(function() {
    $('.dropmenu').toggleClass('hmenu visible');
  });
});