Как открыть спойлер при нажатии на ссылку?

121

20 июня 2019, 21:10

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

   $(document).on('click','.spb-trigger',function(e){e.preventDefault();$(this).toggleClass('active'); 
 $(this).parent().find('.spb-block').first().slideToggle(1000);})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
 <a href="#link"> 
   Сыылка на якорь 
 </a>  
 
<br> 
<br> 
  <a class="spb-trigger" id="link" href="#"> 
   Открыть 
 </a>  
  <div class="spb-block"  style="display: none;"> 
1 
     
 </div>

Answer 1

$(document).on('click', '.spb-trigger', function (e) { 
	e.preventDefault(); 
	$(this).toggleClass('active'); 
	$(this).parent().find('.spb-block').first().slideToggle(1000); 
}) 
 
 
$('.main').on('click', function (e) { 
	e.preventDefault(); 
	var items = $($(this).attr('href')).offset().top; 
	var body = $("html, body"); 
	body.stop().animate({ 
		scrollTop: items + 'px' 
	}, '1000', 'swing', function () { 
		$('.spb-block').slideDown(); 
	}); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 <a class="main" href="#link"> 
   Сыылка на якорь 
 </a>  
 
<br> 
<br> 
 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
  <a class="spb-trigger" id="link" href="#"> 
   Открыть 
 </a>  
  <div class="spb-block"  style="display: none;"> 
1 
     
 </div>  
  
 <br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br>

Answer 2

Если переместить класс spb-trigger из ссылки "Открыть" в ссылку "Сыылка на якорь", то код сработает.

<a class="spb-trigger" href="#link">Сыылка на якорь</a><br><br>
<a id="link" href="#">Открыть</a>
<div class="spb-block" style="display: none;">1</div>