jQuery addClass example

Change class name on click in jQuery

by Павел KLON

HTML

<div class="profile-links col-lg-12 d-flex justify-content-center">
            <nav>
              <a href="#" id="punch">Посадочные страницы</a>
              <a href="#" id="next">Дизайн для лендингов</a>
              <a href="#">Разработанные логотипы</a>
              <a href="#">Реклама и полиграфия</a>
            </nav>
          </div>

          <div class="landing-first col-lg-12 d-flex justify-content-around">

            <div class="blocks2 d-flex dn" id="box">

            <div class="first">	
            first
            </div>

            <div class="first">	
            first2
            </div>

            <div class="first">	
            first3
            </div>

            </div>

          </div>

CSS

.first {
  width: 300px;
  height: 450px;
  background-color: #121212;
}

.blocks2 .first {
  margin: 0 20px 0 20px;
}

.dn {
  display: none;
}

JavaScript

$("#punch").click(function () {
        $("#box").removeClass("dn");
});
$("#next").click(function () {
        $("#box").addClass("dn");
});