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

Animate z jQuery ?

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

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

Zrób jakąkolwiek funkcję chowającą element i łańcuchem na jej zakończenie zrób remove elementu. Choćby tak

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

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

jQ UI effect linear i callback na remove tego node?