JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://eyehortilux.int.aztekdev.com/css/bootstrap.min.css">
<script src="http://eyehortilux.int.aztekdev.com/js/vendor/bootstrap.min.js"></script>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
</div>

JavaScript

$(document).ready(function() {
  $('.accordion').on('hidden', function() {
		$('.accordion .current').removeClass('current');
		$(this).find('.in').prev().find('a').addClass('current');
		$('html,body').animate({'scrollTop':$('.accordion-toggle.current').position().top},500);
	})  
})