Как продолжить код, чтобы при нажатии на кнопку можно было открывать/скрывать блок с описанием?

Question

[lugaterm]

<!-- открывает блок с описанием-->
		<script>
		  $(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).css({'display':'none'});
		    	$(tab).fadeIn(400);			 
		    })				
		  });		  
		</script>

<code lang="html">
	 <!--Это кусок кода с чем взаимодействует скрипт-->
		  <div>
				<ul class="equipment-bullets__menu">
					<li><a href="#bullets1"></a></li>
					<li><a href="#bullets2"></a></li>
					<li><a href="#bullets3"></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> 
 
</code>
 <img src="https://habrastorage.org/webt/5c/ab/0e/5cab0ef46a6d3644800119.png" alt="image"/>

Answer 1

[Павел]

так?

$(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);			 
        })				
      });

Answer 2

[lugaterm]

От части да. Только применяется для всех кнопок одновременно