<html>
<head>
<style type="text/css">
.contenedor, .contenedormax {
width: 350px;
margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
background: white;
border: 1px solid green;
}
.contenedor {
background-color: #FFFFFF;
height: 100px;
}
.contenedormax {
background-color: #FFFFDD;
height: 200px;
}
.contenedor:hover {
background-color: #FFFFDD;
}
</style>
<script type="text/javascript">
function maximizar_contenedor(caja)
{
document.getElementById(caja).className = 'contenedormax';
}
function minimizar_contenedor(caja)
{
document.getElementById(caja).className = 'contenedor';
}
</script>
</head>
<body>
<div class="contenedor" id="caja1">
<div><a id="boton1" href="javascript
:maximizar_contenedor('caja1')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript
:minimizar_contenedor('caja1')">Mi nimizar</a></div>
</div>
<div class="contenedor" id="caja2">
<div><a id="boton1" href="javascript
:maximizar_contenedor('caja2')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript
:minimizar_contenedor('caja2')">Mi nimizar</a></div>
</div>
<div class="contenedor" id="caja2">
<div><a id="boton1" href="javascript
:maximizar_contenedor('caja3')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript
:minimizar_contenedor('caja3')">Mi nimizar</a></div>
</div>
</body>
</html>