anchor.diff:    </code>
   
     <p>Exemplo</p>
  -
  -  <button class="ls-btn-primary" type="button" onclick="javascript:locastyle.collapse.toggle('#collapse1')">Abre/Fecha o <i>collapse</i> <b>#collapse1</b> com <i>javascript</i></button>
  +  <div class="doc-example doc-example-markup">
  +    <button class="ls-btn-primary" type="button" onclick="javascript:locastyle.collapse.toggle('#collapse1')">Abre/Fecha o <i>collapse</i> <b>#collapse1</b> com <i>javascript</i></button>
  +  </div>
   
   </div>
  
positive.code:     </div>
    </div>
  
  
  
    <p>Os <i>collapses</i> agrupados em um <i>accordeon</i> aceitam as mesmas configurações que um <i>collapse</i> normal.</p>
  
  </div>
  
negative.code:   <p>Para usar um botão ou <i>link</i> para controlar um <i>collapse</i> utilize o atributo <i>data-toggle-collapse</i> com o valor do <b>id</b> do collapse.</p>
  
    <div class="doc-example doc-example-markup">
      <button type="button" class="ls-btn-primary" data-toggle-collapse="#collapse1">Abre/Fecha o <i>collapse</i> <b>#collapse1</b></button>
      <%= partial('documentacao/shared/collapse', :locals => { id: "collapse1",:quant => 1, :header => "Título", content: (lorem.paragraphs 1)  }) %>
    </div>
  
    <p>Para abrir/fechar um <i>collapse</i> usando javascript, use:</p>
  