Hola a todo el foro,
Tengo una duda con un jquery. Concretamente he desarrollado una web en la que incluyo un menuslide basado en jquery. Funciona perfectamente. El problema/duda es el siguiente:
Tiene 4 opciones de menu, en cada una de ellas hay subopciones. La cuestión es que cuando selecciono una subopción de la segunda opción (por ejemplo), automáticamente se coloca como la primera opción... Es decir, mueve de posición las opciones del menú, cosa que no ha gustado al cliente.
Que puedo hacer, mis conocimientos de js no son amplios... he visto el código del js y la verdad es tan corto, que no veo como solucionarlo...
adjunto el código del fichero (menuslide.js , trabajando con jquery-1.2.6.min.js).
Alguna idea para que no mueva las opciones cuando las selecciono?.
ESTE ES EL CÓDIGO DEL FICHERO menuslide.js
**************************
$(document).ready(function(){
// EN EL READY OCULTA TODOS LOS DD MENOS EL PRIMERO
$("#menuslide dd:not(:first)").hide();
// ANEXA EVENTO CLICK DEL TAG DT
$("#menuslide dt").click(function(){
// REALIZA ANIMACION DE LOS DD
$("dd:visible").slideUp("slow");
$(this).next().slideDown("slow");
// QUITA ACTIVADO A TODAS LAS OPCIONES DT Y AÑADE DESACTIVADO
$("#menuslide dt").removeClass("optactivado");
$("#menuslide dt").addClass("optdesactivado");
$(this).removeClass("optdesactivado");
// PONE COMO ACTIVADO LA OPCION ELEGIDA
$(this).addClass("optactivado");
return false;
});
});
**************************
Muchísimas gracias de antemano,
saludos,
mig
