¿Puedo crear un elemento en un menú YUI que NO sea un elemento de menú?

Question

Tengo un menú YUI menú de navegación de la barra superior basado en este ejemplo .

Me gustaría poder insertarle elementos que sirvan de subtítulos y no elementos de menú. Por ejemplo, puedo tener una lista de productos en diferentes categorías, y quiero un encabezado de categoría para cada uno. No quiero submenús, quiero encabezados DENTRO del menú.

Esperaba que fuera tan simple como hacer esto:

 <li class="menuHeading">Heading</li>

(y obviamente definiendo el estilo de menuHeading )

Esto realmente funciona, ya que el elemento aparece en el menú en la posición correcta. Pero se comporta como un elemento del menú (se resalta en azul cuando lo muevo). Inspeccioné el DOM en Chrome y parece que el javascript del menú YUI en realidad está agregando la siguiente clase 'yuimenuitem' y le da una ID generada.

¿Hay una forma 'oficial' de hacer lo que quiero o tengo que recurrir a algún truco? Estoy pensando en cambiar la clase menuHeading para tener un fondo blanco cuando me desplazo es, pero preferiría no hacerlo si no tengo que hacerlo.

Answer 1

El menú YUI tiene soporte para encabezados integrados, se denominan títulos de grupo. Hay dos ejemplos del menú YUI que ilustran cómo titular grupos:

http://developer.yahoo.com/yui/examples/menu /example05.html http://developer.yahoo.com/yui/examples/menu/example06. html