que tal forer@s
Vean el pie de pagina de este sitio
http://www.banorte.com/portal/personas/home.web
es como un efecto de acordion que oculta el div
logre ocultar el contenido del div pero me deja el espacio que ocupan del mismo tamaño
lo ideal es que oculte el contenido si, pero que "haga pequeño" el div como en esa pagina
Código HTML:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mostrar').click(function() {
jQuery('#enlaces_top').slideDown(1000);
document.getElementById('mostrar').style.display='block';
});
jQuery('#ocultar').click(function() {
jQuery('#enlaces_top').slideUp(1000);
document.getElementById('ocultar').style.display='none';
});
});
</script>
<!-- los enlaces-->
<a id="ocultar" href="javascript:;" class="cerrar">Ocultar</a>
<a id="mostrar" href="javascript:;" class="abrir" style="display:none;">Abrir</a>
<!--las clases-->
<style>
#footer .cerrar{ /*clase para <a> para ocultar los enlaces*/
background: url(images/close.png) right top no-repeat;
padding:1px 18px 0 0;
color:#333;
font-size:11px;
float:right;
margin-top:5px;
margin-right:10px;
}
#footer .abrir { /*clase para <a> para mostrar los enlaces*/
background: url(images/open.png) right top no-repeat;
padding:1px 18px 0 0;
color: #333;
font-size:11px;
float:right;
margin-top:5px;
margin-right:10px;
}
</style>
con eso me hace el efecto parecido pero oculta solo los links dejando intacto el espacio que estos ocupaban
quiero que literal oculte/quite el div al presionar #ocultar y me muestre el link de #mostrar (actualmente oculta el link ocultar pero no pone el link mostrar
) y al dar clic a #mostrar vuela a desplegar el div
yo intente con ese código pero si ustedes me sugieren otra cosa mejor
gracias