Ciao a tutti,
sto usando jQuery per mostrare e nascondere i contenuto di un div.
Durante la creazione dello script mi sono accorto che animate() non agisce sul css height: "auto",
pertanto mi sono dovuto arrangiare in altro modo. Inoltre penso ci sia qualche funzione tipo il vecchio toggle() che ti permetteva di lanciare due funzioni differenti per il primo e secondo click, ma non sono riuscito a trovarla e mi sono arrangiato con una variabile acceso / spendto.
Il tutto funziona ma non capisco perche' l'animazione parta un po' in ritardo e sia anche un po' scattosa, non molto fluida.
grazie a tutti per i suggerimenti!codice:$( 'button.show-stats' ).click( function(){ var el = $(this).parent(); curHeight = el.height(), autoHeight = el.css('height', 'auto').height(); if ( this.status ) { el.height(curHeight).animate( { height: "35px" }, 300 ); $(this).css( 'background-position', '-62px 7px' ); this.status = false; } else { el.height(curHeight).animate( { height: autoHeight }, 300, function(){ el.css('height', 'auto'); } ); $(this).css( 'background-position', '-89px 7px' ); this.status = true; } });

Rispondi quotando