Erstellen eines horizontalen Flyout-Menüs aus der WordPress-Kategorieliste

Ich suche nach Optionen für das Erstellen eines horizontalen Flyout / Rollover-Menüs aus der WordPress-Kategorien-Liste, wenn Kategorieelemente untergeordnete Knoten haben.

Im Idealfall alle in CSS, aber ich kann Javascript oder Enqueue jQuery auch einschließen.

Solutions Collecting From Web of "Erstellen eines horizontalen Flyout-Menüs aus der WordPress-Kategorieliste"

Viele Themen haben ein Menü wie dieses. Das CSS, das ich normalerweise verwende (ich habe die visuellen Sachen wie colors weggelassen):

(Assumming der Container ist ein Div und seine class ist. .nav )

 /* 1st level items are layed out horizontally */ .nav li{ position:relative; float:left; } /* level 2+ */ .nav ul ul{ position:absolute; z-index:15; display:none; width:300px; top:20px; } /* level 3+ */ .nav ul ul ul{ top:10px; left:280px; } /* 2nd level+ items vertically */ .nav li li{ float: none; } /* when mouse over a list item, show its child nodes */ .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{ display:block; } /* related to the above property, hide the child's child nodes :) */ .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{ display:none; } 

Sie können auch Superfish in der Liste verwenden, um einige schöne Effekte auf das Menü anzuwenden und es in IE 6 zu verwenden.