Hola buen dia, tego un leve problema y ojala alguien de aqui me de una idea de como solucionarla.
Tengo un html con un simple menu, el cual al seleccionar una opcion debe de mostrarme una division, el problema es que cuando se muestra la div me lo hace arrastrando el menu y lo que quiero es que la div salga en un area abajo sin que arrastre el menu.
La funcion para mostrar y ocultar la hice con jquery y javascript
<html>
<head>
<style type="text/css">
#content {
width: 450px;
}
#close {
float: right;
font-weight: bold;
color: red;
}
#element {
margin: 0px auto;
min-height: 100px;
width: 450px;
box-shadow: 0 2px 5px #666666;
padding: 10px;
margin-top:100px;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("#element").hide();
});
$("#show").click(function(){
$("#element").show();
});
});
</script>
</head>
<body>
<div id="content">
<ul id="button">
<li><a href="#" id="show">Agregar</a></li>
<li><a href="#">Modificar</a></li>
<li><a href="#">Eliminar</a></li>
<li><a href="#">Comentarios</a></li>
</ul>
<!-- Este div debe aparecer al seleccionar la opcion agregar -->
<div id="element" style="display: none;">
<div id="close"><a href="#" id="hide">cerrar</a></div>
Este es un div ocultar
</div>
</html>
[IMG]C:\wamp\www\Pruebas 2\Subir Archivos\menuDiv.jpg[/IMG]