[JavaScript][jQuery] Zmiana wysokości (animate) Opcje

[webdice]

Witam,

[HTML] pobierz, plaintext 
<div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$( '#element' ).click( function()
{
  $( 'div ul li:first' ).remove();
});
[JAVASCRIPT] pobierz, plaintext 

Po usunięciu jednego z elementów z listy wysokość diva zmienia się automatycznie. Chciałbym aby zmianie wysokości towarzyszył efekt (coś w rodzaju slideUp). Co prawda problem rozwiązałem, ale w dość skomplikowany sposób, który kompletnie mi się nie podoba.

Czy jest jakieś proste rozwiązanie tego problemu?

Pozdrawiam,
Piotrek

[Eagle]

Animate z jQuery ?

[JAVASCRIPT] pobierz, plaintext 
$('#li2').click(function() {
    $('#li2').animate({
        width: '0px'
    }, {
        duration: 1000,
        complete: function() {
            $(this).remove();
        }
    });
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Eagle 19.05.2011, 13:48:19

[webdice]

Przed usunięciem elementu animate nic mi nie da, w końcu wysokość się nie zmienia.

[thek]

Zrób jakąkolwiek funkcję chowającą element i łańcuchem na jej zakończenie zrób remove elementu. Choćby tak (IMG:style_emoticons/default/smile.gif)

[JAVASCRIPT] pobierz, plaintext 
$('jakiś_element').hide("slow", function(){ $(this).remove(); });
[JAVASCRIPT] pobierz, plaintext 

[webdice]

Nie chce chować elementu. Po usunięciu li, następuje swego rodzaju skok, a nie płynna zmiana wysokości.

[#luq]

jQ UI effect linear i callback na remove tego node?

Ten post edytował #luq 19.05.2011, 17:33:40