Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/11/2015, 14:56
Viturbiko
 
Fecha de Ingreso: septiembre-2014
Mensajes: 72
Antigüedad: 10 años, 3 meses
Puntos: 0
Forma más corta de hacer lo siguiente

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