anchor.diff:        <p><%= lorem.paragraphs 2 %></p>
       </div>
     </div>
  -
  -  <code class="language-html ls-well-example">
  -    <button type="button" class="ls-btn-primary" data-toggle-collapse="#collapse1">Abre/Fecha o collapse #collapse1</button>
  -  </code>
  +  </div>
   
     <p>Para abrir/fechar um <i>collapse</i> usando javascript, use:</p>
   
  
positive.code:     <!-- fim do collapse <%= num+1 %> -->
      <% end %>
    </div>
  
    <p>O <i>accordeon</i> acima possui o seguinte código:</p>
  
    <code class="language-html ls-well-example">
      <div class="ls-collapse-group">
        <% 5.times do |num| %>
        <!-- início do collapse <%= num+1 %> -->
        <div class="ls-collapse">
          <div class="ls-collapse-title">
            Título do collapse <%= num+1 %>
          </div>
          <div class="ls-collapse-body">
            <%= lorem.paragraphs 1%>
          </div>
        </div>
        <!-- fim do collapse <%= num+1 %> -->
        <% end %>
      </div>
    </code>
  
  
    <p>Os <i>collapses</i> agrupados em um <i>accordeon</i> aceitam as mesmas configurações que um <i>collapse</i> normal.</p>
  
negative.code:       <% end %>
      </div>
    </div>
    </div>
  
  
    <p>Os títulos, vísiveis quando o <i>collapse</i> está fechado, podem conter qualquer conteúdo, por exemplo:</p>
  
  