Hola Pablopgp_lm, y a todos
anoto esta respuesta por si alguien necesita un codigo similar, de ampliacion de div, pero mucho mas sencillo, con jquey, java y css
esta respuesta la encontre en esta misma comunidad (la posteo Dany_s) y yo la modifique un poco a mi necesidad
Código:
<html>
<head>
<title>Pruebas</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="codigojquery.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">Título </div>
</div>
</body>
</html>
como no tengo conocimiento mayor en java, espero que alguien nos colabore para que "titulo" cambie de texto cuando se expanda a algo asi como "cerrar"
ahora imaginese varios div iguales a estos: la idea es que cuando uno "expanda uno" automaticamente se cierre o se "comprima" el ya abierto
espero le sirva a alguien y espero una nueva respuesta
