Tu error
Código Javascript
:
Ver original$(document).ready(function() {
$("#op_1").hover(function(event){
event.preventDefault();
$("#submenu1").show("slide");
});
$("#op_1").out(function(event){
event.preventDefault();
$("#submenu1").hide("drop");
});
});
lo que pasa es que llamas dos funciones diferentes en lugar que una solo, ademas hover no funciona asi, como ya anteriormente te explique, se haria de esta forma
Código Javascript
:
Ver original$(document).ready(function() {
$("#op_1").hover(function(event){
event.preventDefault();
$("#submenu1").show("slide");
},function(event){
event.preventDefault();
$("#submenu1").hide("drop");
});
});
Si te fijas todo es dentro del mismo evento hover, la primera funcion es cuando entras al elemento y la segunda es cuando sales del elemento
Suerte, espero haberte ayudado!!
Edito: Otra cosa, ya que no desatas n evento click, no tiene caso detenerlo
(dah!), asi que eliminemos codigo basura:
Código Javascript
:
Ver original$(document).ready(function() {
$("#op_1").hover(function(){
$("#submenu1").show("slide");
},function(){
$("#submenu1").hide("drop");
});
});
Por otro lado, prevenir el evento, se ejecuta al final de todo, ya que de lo contrario estarias deteniendo todo el resto de la funcion y por logica no se ejecutara como tu quieres, es mas recomendable ejecutrlo al fina que se realise el proseso deseado!!
Edito (de nuevo): Lo que estas haciendo con el menu de tu pagina, bien puede ser implementado con CSS, sera mas rapido y mas flexible y no te romperas tanto la cabeza
Aqui como hacerlo:
http://www.forosdelweb.com/f53/menu-...00-css-595007/