tengo un pequeño inconveniente con un hover, tratare de ser mas claro, tengo 9 etiquetas div cada una con su id, quisiera que el al momento de colocar el mouse sobre alguno de esos div cambie su opacidad, les detallo el código que estoy utilizando
Código Javascript :
var x = $(document); x.ready(iniciarEventos); function iniciarEventos(){ var i; for(n = 1;n<10;n++){ i = $('#opcion'+n); i.hover(entraMouse(i),saleMouse(i)); } } function entraMouse(i){ var x = $(i); x.css("opacity",".7"); } function saleMouse(){ var x = $('#opcion1'); x.css("opacity","1"); }
también les comento que el nombre de id de cada DIV es opcion1, opcion2, opcion3... , pero no logro que al colocar el mouse sobre un div cambie su estado, de antemano muchas gracias por su tiempo
Atte.:
Mario