expandir un div y cerrar otro antes expandido

refresko · #1 (**permalink**) 01/10/2011, 10:58

buenas a todos

pido el favor de que me colaboren con los siguiente:

tengo un codigo para expandir un div (montado en java con jquery) que corre muy bien, justo lo que necesito,
pero tengo la necesidad de que al expandir un div se cierren otros antes expandidos,
en pocas palabras que solo quede abierto el ultimo expandido.

espero ser "claro" y que me puedan colaborar

aqui dejo el codigo

en espera de su colaboracion.

Código:

    
<html>
    <head>
        <title>Pruebas</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	
	
    <script>
    $(function(){
        alturamaxima = $('.descripcion').height() + 'px';
		
		/*! altura cambio */
        alturaMinima = '44px';
        
		$('.descripcion').height(alturaMinima);	
        $('.contenedor .titulo').toggle( function (){
            $(this).prev().animate({height: alturamaxima},1000);
        }, function (){
            $(this).prev().animate({height: alturaMinima},1000);
		
        });
    });
	

    </script>
    <style>
        body{font-size:12px; font-family:Arial}

		/*! anchura */
        .contenedor{border:1px solid #ccc; background:#E2E2E2; width:150px;}
		
		
        .titulo{background:#CDCDCD; cursor:pointer }
        .contenedor, .titulo, .descripcion{padding:3px}
        .descripcion{background:#F0F0F0; overflow:hidden}
    </style>
    </head>
    <body>
     
        <div class="contenedor">
            
            <div class="descripcion">Esta es una descripcion larga. Esta es una descripcion larga. Esta es  una descripcion larga. Esta es una descripcion larga. Esta es una descripcion larga. TERMINO</div>			
		<div class="titulo"> Titulo  </div>
			
       </div>
	   
	   <br><br><br>
	   
<div class="contenedor">
            
            <div class="descripcion">Esta es una descripcion larga. Esta es una descripcion larga. Esta es  una descripcion larga. Esta es una descripcion larga. Esta es una descripcion larga. TERMINO</div>			
		<div class="titulo"> Titulo  </div>
			
       </div>
<br><br><br>
	   
<div class="contenedor">
            
            <div class="descripcion">Esta es una descripcion larga. Esta es una descripcion larga. Esta es  una descripcion larga. Esta es una descripcion larga. Esta es una descripcion larga. TERMINO</div>			
		<div class="titulo"> Titulo  </div>
			
       </div>
	   
	   <br><br><br>
	   
<div class="contenedor">
            
            <div class="descripcion">Esta es una descripcion larga. Esta es una descripcion larga. Esta es  una descripcion larga. Esta es una descripcion larga. Esta es una descripcion larga. TERMINO</div>			
		<div class="titulo"> Titulo  </div>
			
       </div>

<br><br><br>

<div class="contenedor">
            
            <div class="descripcion">Esta es una descripcion larga. Esta es una descripcion larga. Esta es  una descripcion larga. Esta es una descripcion larga. Esta es una descripcion larga. TERMINO</div>			
		<div class="titulo"> Titulo  </div>
			
       </div>	   	        
    </body>
    </html>

Muchas Gracias por colaborar

refresko · #2 (**permalink**) 03/10/2011, 21:48

nadie me puede ayudar con esto de arriba????????

Dany_s · #3 (**permalink**) 04/10/2011, 06:49

Código Javascript:

Ver originalexpandido = null;
$('.contenedor .titulo').click( function (){
    if (expandido){
        expandido.animate({height: alturaMinima},1000);
    }
    expandido = $(this).prev().animate({height: alturamaxima},1000);
});

refresko · #4 (**permalink**) 04/10/2011, 07:52

Cita:

Iniciado por Dany_s

Código Javascript:

Ver originalexpandido = null;
$('.contenedor .titulo').click( function (){
    if (expandido){
        expandido.animate({height: alturaMinima},1000);
    }
    expandido = $(this).prev().animate({height: alturamaxima},1000);
});

Dany_s, muchas gracias.

eres un teso para esto!!!

(claro esta, que me toco probar donde lo colocaba.)

muchos exitos en todo.

una ultima pregunta ¿hay forma de evitar que IE pida permiso para activar el script y que este se active solo?