JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<link rel="stylesheet" href="http://0.0.0.0:4567/assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://0.0.0.0:4567/assets/stylesheets/locastyle.css">
<link rel="stylesheet" href="http://0.0.0.0:4567/assets/stylesheets/manual.css">
<script src="http://0.0.0.0:4567/assets/javascripts/libs.js"></script>
<script src="http://0.0.0.0:4567/assets/javascripts/locastyle.js"></script>
<script src="http://0.0.0.0:4567/assets/javascripts/manual.js"></script>
<script src="http://0.0.0.0:4567/assets/bootstrap/js/bootstrap.js"></script>
<div class="accordion" id="nomeGrupoAccordion">
		  
		  <div class="boxCollapse accordion-group accordion-heading">
		    <header class="noMarginBottom">
		    	<h4>Passo 1</h4>
					<p>Descrição passo 1</p>
		    </header>
		    <div id="passo1" class="accordion-body collapse in">
		    		<p>
		        	Instruções Passo 1
		    		</p>
		        <button class="accordion-toggle btn btn-primary" data-toggle="collapse" data-parent="#nomeGrupoAccordion" href="#passo2">
		        	Ir para o passo 2
		      	</button>
		      	<br>
		    </div>
		  </div>
		  
		  <div class="boxCollapse accordion-group accordion-heading">
		    <header class="noMarginBottom">
		    	<h4>Passo 2</h4>
					<p>Descrição passo 2</p>
		    </header>
		    <div id="passo2" class="accordion-body collapse">
		      <p>
		      	Instruções passo 2
		      </p>
					<button class="accordion-toggle btn btn-primary" data-toggle="collapse" data-parent="#nomeGrupoAccordion" href="#passo1">
						Voltar para o passo 1
					</button>
		      
		    </div>
		  </div>

		</div>