Sub-Menü in bestehendem Menü

tunguskar · 17 November 2018, 21:44:42

Hallo Ich wollte gerne eine Art Untermenü (ausklappbar) in ein bestehendes Menü machen, weiss aber nicht genau wie ich das bewerkstelligen soll bzw. ob es überhaupt geht. Soll ungefähr so aussehen: (Siehe Anhang).

Mein bestehendes Menü ist dieses:

Code Auswählen


<body>
	<nav class="menu">
		<div class="menu-trigger"></div>
		<header class="">Menu</header>
        <ul>
			<li>
				<div data-type="link" data-url="#home.html"
				data-color="white"
				data-width="115"
				data-load="#home"
				data-text-align="left"
				data-active-pattern="(.*#home.html)"
				data-icon="fa-home" class="large"><span>Home</span></div>
			</li>
			<li>
				<div data-type="link" data-url="#licht.html"
				data-color="white"
				data-width="115"
				data-load="#licht"
				data-text-align="left"
				data-active-pattern="(.*#licht.html)"
				data-icon="mi-lightbulb_outline" class="large"><span>Licht EG</span></div>
			</li>
			<li>
				<div data-type="link" data-url="#jalousien.html"
				data-color="white"
				data-width="115"
				data-load="#jalousien"
				data-text-align="left"
				data-active-pattern=".*(#jalousien.html)"
				data-icon="fa-align-justify" class="large"><span>Jalousien</span></div>
			</li>
		</ul>
	</nav>
 	
	<main>
		<div class="page" id="home"></div>
		<div class="page" id="licht"></div>
		<div class="page" id="jalousien"></div>
	</main>


</body>
</html>

moonsorrox · 18 November 2018, 00:23:17

schau mal hier oder hier

tunguskar · 19 November 2018, 21:30:53

Danke für die Links, die kannte ich schon. Link Nummer eins nimmt etwas zu viel Platz weg. Ich dachte da Eher an eine Leiste mit z.B. Oberbegriffen und dann, wenn man auf diese klickt klappt ein Menü aus mit z.B. Stockwerk-links (Eckig) und wenn einer der Links gedrückt wurde, verschwindet das Ausklappmenü wieder.

Wird wohl doch ein circlemenu werden.

FHEM Forum

Sub-Menü in bestehendem Menü

tunguskar

moonsorrox

tunguskar