Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2011, 10:58
refresko
 
Fecha de Ingreso: agosto-2011
Mensajes: 37
Antigüedad: 13 años, 3 meses
Puntos: 1
expandir un div y cerrar otro antes expandido

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