CSS / Jquery para mostrar el submenú de ocultar

Todavía estoy tratando de averiguar jQuery y necesito ayuda con una lista de la barra lateral.

Estoy editando esto después de probar algunas cosas.

Estoy intentando ocultar el submenú hasta que se mueva el mouse sobre un elemento específico de la lista, luego aparece otro menú al lado de la barra lateral y puede pasar el mouse sobre esas selecciones. Estoy a mitad de camino, pero cuando desactivas el mouse, desaparece antes de que puedas mover el mouse sobre cualquiera de los elementos. Agregaré hoverIntent, pero no creo que ese sea el problema, ya que necesito que todo el bloque oculto también sea un activador para mostrar ese elemento. Intenté la solución de Steerpikes a continuación, pero causó que la lista principal desapareciera después de sacar el mouse.

Aquí está la estructura ahora:

  • Always Showing Element
  • Title that triggers Submenu
    • Hidden Menu

y el guion

 $('li.trigger ul').hide(); $('li.trigger').hover(function() { $('li.trigger ul').show(); }, function() { $('li.trigger ul').hide(); }); 

Entonces, ¿cómo puedo mantenerlo visible mientras mi ratón está sobre los elementos li.trigger ul li?

Gracias por la ayuda con esto!

No importa … esto funciona ahora, solo tuve la posición desactivada, pero ahora se superpone un poco y con el hoverintent añadiendo un poco de retraso no hay problema.

El seguimiento debería funcionar. Acabo de escribir algo similar hace 3 minutos 🙂

  

Recuerda que hover() toma dos argumentos: lo que sucede cuando ingresas el mouse y lo que sucede cuando extiendes el mouse.

Yo consideraría usar CSS para hacer esta característica. Dado que esto es para un menú, desea que sea muy accesible. Los usuarios que tienen Javascript desactivado (piense que los navegadores móviles también) o cualquier persona que use un lector de pantalla no podrá usar su menú.

Intente ver: http://www.htmldog.com/articles/suckerfish/dropdowns/

Es una solución CSS para menús de múltiples menús que deberían funcionar muy bien.

Para aquellos que usan clase en lugar de usar id, este es el código que funciona para mí:

    

Puede resultarle útil hacer de su elemento raíz un elemento de nivel de bloque y realizar el manejo de eventos en ese contexto.