JQuery se "resetea" después de animarlo

Grumete · #1 (**permalink**) 21/05/2009, 05:04

Hola,

estoy haciendo que una lista de layers se puedan ir eliminando, y los divs restantes... suban para arriba.

Para ello, uso la función:

Código:

function filtraComunidad(valor)
{
	panelToHide = document.getElementById("com"+valor);
	
	if(panelToHide.style.height != '0px')
	{
		$('#com'+valor).animate(
			{
				height: '0'
			},
			700
		)
	}else{
		alert(panelToHide.style.height);
	}
}

Después tengo el html :

<div id="com1" class="comunidad">
Madrid
</div>

<div id="com2" class="comunidad">
Cataluña
</div>

La animación del div en cuestión (llamo a la función en un select de la página) la hace correctamente, pero al llegar al final es como si resetease el div.

Digo resetease porque si le vuelvo a decir que se esconda, no hace nada y la función me canta el alert diciendo q ese div tiene height a 0px.

Que sucede?

miwelillo · #2 (**permalink**) 21/05/2009, 05:46

No se si es lo mismo que pretendes pero yo lo haria asi:

Código PHP:

  $('#nombreCapa').click(function(){
    if( $(this).css("display")=="none" ){
        $(this).slideDown("slow");
    }
    else{
        $(this).slideUp();
    }
});

Grumete · #3 (**permalink**) 21/05/2009, 05:54

ei, si!

era esto más o menos lo que quería. Tocaré un poco por aquí por allá para poder mirar de meter un alpha a la cosa.

Un saludo y gracias.

hector2c · #4 (**permalink**) 22/05/2009, 07:34

con animate!!! dale click a los div's

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Documento sin título</title>
        <script language="javascript" type="text/javascript" src="extras/js/jquery/jquery-1.3.2.min.js"></script>
        <script language="javascript" type="text/javascript">
        $(document).ready(function(){
            $("div.cuadro").click(function(){
                $(this).animate({height: '0'},700, function(){
                    $(this).remove();
                });
            });
        });
        </script>
        <style type="text/css">
            .cuadro{
                width: 700px;
                margin: 0px 0px 20px 0px;
                border: 1px solid #999;
            }
        </style>
    </head>
    
    <body>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
        <div class="cuadro">
            <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p>
        </div>
    </body>
</html>