Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Controle geral de sanfona Download

? - +
Abrir/retrair várias safonas, estilo slide-show e slide-hide
  1. Pré-requisito
    • Possuir uma ou mais sanfonas
    • Coloque a class data-all="true" em cada uma dessas sanfonas
  2. Crie um novo elemento (qualquer elemento Html) e coloque a class ui_accordionAll para ser o gatilho das demais sanfonas
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Use data-label para alterar o texto do gatilho quando ele estiver ativo, ex: data-label="fechar"
  1. Após a animação da sanfona, usuários avançados podem implementar uma função do tipo callback
    • Para isso, crie a função callback_accordion_all(obj) e implemente as ações que irão ocorrer após a animação
    • obj é o objeto que gera o efeito (gatilho). Como exemplo, a função pode testar se gatilho está ativo, if(obj.hasClass("active")){}.
    • Essa função não é obrigatória, ou seja, só será executada se existir. Caso positivo, para evitar duplicidades, lembre-se de implementar a função callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Customizar


Tipo do gatilho

A marcação do gatilho será . Saiba mais
Qualquer marcação (tag) pode ser usada como gatilho, como:
  • links (<a>)
  • botão (<button>)
  • parágrafos (<p>)
  • containers (<div>)
  • inputs (<input type="button">, <input type="submit">, etc.)
  • Dentre outros.

Rótulo do gatilho

O texto do gatilho será quando ele estiver ativo.

Número de elementos

O gatilho irá atuar sobre sanfona(s).

Comportamento

Escolha quais sanfonas serão abertas pelo gatilho para expandir tudo Padrão: não abrir (false) :









Tem certeza que deseja reiniciar todos os valores?

Resultado para Controle geral de sanfona