Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/11/2015, 18:12
sintel_1
 
Fecha de Ingreso: enero-2014
Ubicación: Navarra
Mensajes: 94
Antigüedad: 10 años, 3 meses
Puntos: 18
Respuesta: Forma más corta de hacer lo siguiente

Hola.

Habria que ver el codigo html para optimizar el selector, con los datos que das
yo usaria el metodo hover() para indicar lo que debe hacer al hacer un onmouseover y onmouseout.

seleccionaria los elementos con $('[class*=enlace_menu_]') asi indicas que seleccone los que contienen una clase enlace_menu_

y con la funcion split() obtienes un array con el numero.

faltaria pulirlo un poco por si tienes mas de una clase en ese elemento etc..

Código Javascript:
Ver original
  1. $(document).ready(function(){  
  2.       $('[class*=barra_]').hide();      
  3.       $('[class*=enlace_menu_]').hover(function(){
  4.       var clase = $(this).attr("class");
  5.       var arreglo_clase = clase.split("enlace_menu_");
  6.       $('[class*=barra_' + arreglo_clase[1] + ']').show();      
  7.       }, function(){
  8.       var clase = $(this).attr("class");
  9.       var arreglo_clase = clase.split("enlace_menu_");
  10.       $('[class*=barra_' + arreglo_clase[1] + ']').hide();    
  11. });

depende de como tengas delaradas las clases en el html, lo mismo ni funciona

Saludos.