Buenas, estoy aprendiendo jQuery y quería que al pasar el ratón por encima de unos elementos de menú se mostrase una clase, y al quitar el ratón se ocultase, y lo he hecho asi:
Código:
$(document).ready(function(){
$(".enlace_menu_1").mouseover(function(){
$(".barra_1").show();
});
$(".enlace_menu_1").mouseout(function(){
$(".barra_1").hide();
});
$(".enlace_menu_2").mouseover(function(){
$(".barra_2").show();
});
$(".enlace_menu_2").mouseout(function(){
$(".barra_2").hide();
});
$(".enlace_menu_3").mouseover(function(){
$(".barra_3").show();
});
$(".enlace_menu_3").mouseout(function(){
$(".barra_3").hide();
});
$(".enlace_menu_4").mouseover(function(){
$(".barra_4").show();
});
$(".enlace_menu_4").mouseout(function(){
$(".barra_4").hide();
});
$(".enlace_menu_5").mouseover(function(){
$(".barra_5").show();
});
$(".enlace_menu_5").mouseout(function(){
$(".barra_5").hide();
});
});
El apaño funciona, pero si hubiese 300 elementos de menú supongo que habría otra forma de hacerlo. ¿Alguna idea?
Gracias y un saludo