buenas tardes. no se si este sea el foro correcto para hacer mi consulta, ya que mi menu vertical esta basando tambien en css. bueno. estoy haciendo un menu vertical animado con jquery basandome en un menu flash que se habia desarollado.
el problema es cuando le paso el hover al item, los textos se desaparecen. es como si lo ocultara.
tambien quiero que se active el primer item y que aumente de tamaño. los demas items deben quedar como estan.
este es mi codigo de jquery que hace el efecto.
Código Javascript
:
Ver original$(document).ready(function(){
//When mouse roll over on menu icon
$("li").mouseover(function(){
//The below code is used to give animated effect to menu
$(this).stop().animate({
//Change the size of navigation menu to 152px
width: "70px",
//Time
}, 500 );
});
//When mouse cursor removed from menu icon
$("li").mouseout(function(){
$(this).stop().animate({
//Back to normal width 52px
width: "40px",
}, 500 );
});
});
mi codigo css.
Código CSS:
Ver originaldiv#nav_menu {
width:374px;
height:auto;
}
ul#nav {
margin:0;
padding:0;
list-style:none;
clear:left;
}
ul#nav li {
width:40px;
height:25px;
display:block;
background-color:#d4e8e7;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#ef7a1a;
font-size:14px;
margin-bottom:10px;
}
ul#nav li a {
color:#b7733b;
text-decoration:none;
margin-left:70px;
}
ul#nav li a.enlace {
width:40px;
background-color:#d4e8e7;
text-decoration: none;
}
el html que muestra el menu.
si este tema no pertenece al foro, muevanlo por favor.
saludos.