JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<link rel="stylesheet" href="http://assets.locaweb.com.br/locastyle/1.2.15/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://assets.locaweb.com.br/locastyle/1.2.15/stylesheets/locastyle.css">
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/javascripts/libs.js"></script>
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/javascripts/locastyle.js"></script>
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/bootstrap/js/bootstrap.js"></script>
<div id="main">
    <div class="limit">
        <h1>Toggle 1 vez</h1>
        
        <div class="row">
            
            <div class="toggleChild">
                <a href="#" class="lnkToggle">Abre a bagaça aí</a>
                <div class="itemToToggle dNone">
                    <div class="row">
                        <div class="span2 well">coluna 1</div>
                        <div class="span2 well">coluna 2</div>    
                    </div>
                </div>
            </div>
            
            <h1>Ou</h1>
            
            <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">
        abre a segunda bagaça
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
      <div class="accordion-inner">
        <div class="row">
          <div class="span3">coluna 1</div>
          <dov class="span3">coluna 3</dov>
        </div>
      </div>
    </div>
  </div>
</div>
           
        </div>
    </div>
</div>