alterar div

[Bruno Depieri Barduchi 0]

Caros preciso da ajuda de vcs:

 

preciso de um menu com links

e suas respectivas divs

supondo que as divs tem 50px de altura, quando eu clicar no link do menu 1, a div 1 fica com 100px de altura e da um show no conteúdo da div 1, e n interfira nas outras divs, mas se eu clicar em outra div ou link do menu ela feche.

 

não tenho idéia, alguém pode ajudar?

vlw t.

[Rafael Sirotheau 43]

Veja se ajuda:

http://jsfiddle.net/qyhb1eot/1/

[Bruno Depieri Barduchi 0]

perfeito Rafael, se eu quiser um efeito pra abrir/fechar mais devagar usaria algo parecido com isso?

$(this).parents("#divId").slideDown(300);

[Rafael Sirotheau 43]

Não acho que seja preciso fazer isso com javascript. Utilize os transitions do CSS3.

Com base no meu exemplo, seria

.box {
transition: height 0.3s ease-in-out;
}

[Bruno Depieri Barduchi 0]

vlw vou testar

funcionou vlw