Nenhuma resposta neste tópico

[Nicholas Pufal]

Bom, tentei ambos (MooTools e JQuery), e me adaptei bem mais com o JQuery. Acontece que vi que o arquivo gerado pelo JQuery é de quase 100kb, contra apenas 11kb do efeito que eu vou usar pelo MooTools... Preciso de um empurrão então.

Objetivo: Fazer aqueles efeitos de ao clicar num link, ele abre a minha div oculta (com efeito de slide). Caso ela já estiver aberta, deve fazer o inverso (fechar a div - ocultar ela novamente). Ao mesmo tempo, o texto do link é alterado (de "Mostrar mais" para "Mostra menos" e vice-versa).

EDIT: Pelo JQuery já consigo (antes a dúvida era para ambos) fazer ir e volta. Porém não consigo resgatar o valor do innerHTML da minha div.

Tentativa:


Pelo MooTools:

No OnClick do hyperlink para abrir/fechar a div:

<a href="#" onclick="faz(); return false;" id="linkinfo">Ver mais fotos</a>

Minha div de id "extra" tem os seguintes atributos:

<div id="extras" style="display:none;">

JS:

function faz() {

var mySlider = new Fx.Slide('', {duration: 500});
mySlider.toggle() //toggle the slider up and down.

}
</script>

Alguma luz com o MooTools é bem-vinda, seja de qualquer forma que for.

Abraços!

Edição feita por: Firehalk, 22/01/2008, 13:43.