Pure CSS dropdown menu built with ul + li + hover structure. Supports multi-level nesting, click toggle (checkbox), inline/list modes, multiple positions, submenu directions, ghost variant, and RTL.
.dropmenu. Structure: dropmenu > label/span/host > ul > li > ul (submenu).label > input[type=checkbox] for click toggle..dropmenu-inline (inline expansion), .dropmenu-list (always expanded)..dropmenu-ghost for ghost button style. Use data-role="divider" on li for separators.data-role="host" on trigger for arrow indicator. Use data-expanded="true", data-selected="true", data-disabled="true" on li > div for states.li > ul > li > ul .... Submenus auto-position to the right (default growth).