jQuery addClass example

Change class name on click in jQuery

by Павел KLON

HTML

<!--Это кусок кода с чем взаимодействует скрипт-->
      <div>
        <ul class="equipment-bullets__menu">
          <li><a href="#bullets1">123</a></li>
          <li><a href="#bullets2">123</a></li>
          <li><a href="#bullets3">123</a></li>
        
        </ul>
        <div class="equipment-bullet equipment-bullet__left" id="bullets1">
            <div class="equipment-bullet__title">Заголовок</div> 
          <div class="equipment-bullet__text">Здесь описание</div>
           
        </div>
        <div class="equipment-bullet equipment-bullet__left" id="bullets2">
        <div class="equipment-bullet__title">Заголовок</div>
          <div class="equipment-bullet__text">Описание </div>
         
        </div>
        <div class="equipment-bullet equipment-bullet__left" id="bullets3">
        <div class="equipment-bullet__title">Заголовок</div>
          <div class="equipment-bullet__text">Описание </div>
         
        </div>
         
      </div>

CSS

body {
  background: #fff;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

$(document).ready(function() {
        $('.equipment-bullets__menu a').click(function(e) {
        	e.preventDefault();
        	$('.equipment-bullets__menu .active').removeClass('active');
        	$(this).addClass('active');
        	var tab = $(this).attr('href');
        	$('.equipment-bullet').not(tab).slideToggle();
        	$(tab).fadeIn(400);			 
        })				
      });