LOCAWEB STYLE

Documentação Locaweb Style

Alternando classes

É possível alternar entre 2 classes no seu projeto utilizando LocawebStyle.

As vezes surge a necessidade em alternar classes ao clicar em um determinado elemento.

É muito comum esse comportamento ser utilizado em alternância de ícones, agora ficou muito fácil executar essa funcionalidade.

Basta clicar abaixo e ver a interação visual

<a href="#" class="ico-heart-empty" data-classtoggle="ico-heart-empty,ico-heart-1"></a>
<a href="#" class="ico-plus-circle-1" data-classtoggle="ico-plus-circle-1,ico-minus-circle"></a>
<a href="#" class="ico-lock-1" data-classtoggle="ico-lock-1,ico-unlock-1"></a>
<a href="#" class="ico-folder" data-classtoggle="ico-folder,ico-folder-open"></a>


Atributo Descrição
class A Classe que será exibida ao carregar a página
data-classtoggle Inserimos 2 classes separadas por (,).
O primeiro é o mesma classe carregada no elemento, e o Segundo é a classe que será inserida ao ser clicado.