Neste post compartilho um plugin jQuery que tenho usado para criar a funcionalidade de accordion, muito útil para agrupar inputs e reduzir o tamanho de formulários. Não pretendo explicar os detalhes e meandros da confecção de um plugin, somente compartilhar o código.
O plugin espera uma determinada estrutura de marcação para funcionar corretamente. A seguir temos um exemplo:
Seção
... seus inputs, sugiro colocar em uma lista ...Ajuda da seçãoOutra Seção
... seus inputs ...Ajuda da outra seção
E depois é só chamar o plugin em cima do container, como a seguir:
... $('#container').simpleAccordion(); ...
E o código do plugin segue aqui: