JSFiddle - React, Tailwind, and code Playground

HTML

<span class='accordion-expand-all accordion_switch'><span>Expand all</span></span>
	<span class='accordion-collapse-all accordion_switch'><span>Collapse all</span></span>
	<div id="accordion">
		<h3><strong>Entering&nbsp;Products, Services, Name &amp; Address&nbsp;on eclipse</strong></h3>
<ol>
<li></li>
        
</ol>
        
        
<h3><strong>Rentsmart's&nbsp;Online&nbsp;Application</strong></h3>
<ol>
<li></li>
</ol>
        
<h3><strong>Application Approved</strong></h3>
<ol>
<li></li>
</ol>
        
<h3><strong>Completing on eclipse</strong></h3>
<ol>
<li></li>
</ol>
  
	</div>
	<span class='accordion-collapse-all accordion_switch'><a href="#content" style="border-top: none !important; border-bottom: 2px solid #003162 !important;">Collapse all</a></span>
</div>

JavaScript

$(function() {
	$('#accordion h3').each(function(){ 
		var $set = $(this).nextUntil("h3");
		$set.wrapAll('<div />');
	});
	$('#accordion').accordion({ collapsible:true, active:true, heightStyle:"content", disabled:true, animated: false});
	$('.ui-accordion-header').bind('click',function(){
		theOffset = $(this).offset();
		$(window).scrollTop(theOffset.top - 50);
	});
	$('#accordion h3.ui-accordion-header').click(function(){
		var _this = $(this);
		$('.ui-accordion-header-icon', _this).toggleClass('ui-icon-triangle-1-e ui-icon-triangle-1-s');
		_this.next().slideToggle();
		return false;
	});
	$('.accordion-expand-all').click(function(){
		var headers = $('#accordion h3.ui-accordion-header');
		$('.ui-accordion-header-icon', headers).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
		headers.next().slideDown();
	});
	$('.accordion-collapse-all').click(function(){
		var headers = $('#accordion h3.ui-accordion-header');
		$('.ui-accordion-header-icon', headers).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
		headers.next().slideUp();
	});
	
		$('.accordion-expand-all').click(function(){
		$(this).hide();
		$('.accordion-collapse-all').show();
		});

		$('.accordion-collapse-all').click(function(){
			$(this).hide();
				$('.accordion-expand-all').show();
				$('.accordion-collapse-all').hide();
		});

		$('.accordion-collapse-all').hide();
		
		$('.ui-accordion-content').append('<a href="#" class="close">Close</a><div class="clearfix"></div>');

		$('.close').click(function(){
            console.log($(this).parents('.ui-accordion-content').prev('h3'));
			$(this).parents('.ui-accordion-content').prev('.ui-accordion-header').find('.ui-accordion-header-icon').removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
			$(this).parent().slideUp('slow', function(){
				$(window).scrollTop(theOffset.top - 50);
				var hidecollapsebutton =...