Aufklapp-Untermenü

Saxxon · #1 (**permalink**) 10.10.2015, 18:34

Guten Abend.

Ich habe im Netz ein Aufklapp-Untermenü gefunden.
Funktioniert gut.

Ich hätte gern eine Verbesserung:

Wenn ich im Untermenü einen Punkt anklicke, klappt es wieder zusammen.
Das soll es nicht.

Es soll erst wieder zusammenklappen, wenn ich im Hauptmenü einen neuen Eintrag auswähle.

Ich bekomms nicht hin, welchen selector ich ansprechen muss und wie

Vielleicht habt ihr eine Lösung...

Danke Peter

HTML-Code:

<!DOCTYPE html>
<html>  
    <head>  
        <meta charset="utf-8">
        <title>Navigation</title>        
        <meta name="description" content="Navigation Sample">
           
<style type="text/css">
* {margin:0; padding:0;}

html,body {
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#2f2e2b;
	background:#EEEEEE;
}

#menu {
	padding:10px 0;
	border: 1px dotted #999999;
	width:150px;
}

li a {
	display:block; 
	width:150px; 
	line-height:30px; 
	text-decoration:none;
	text-align:center; 
}

li a:hover  {background:yellow;}
li a:active {background:white;}
li a:focus {background:green; }


#menu ul { height:0px; background:white; overflow:hidden;}
#menu ul li a {color:red}
#menu ul li a:hover {background:pink; }
#menu li a:focus + ul.fly {height:150px;}


</style>
</head>
<body>
  
    <ul id="menu">
        <li><a href="#" >Home</a></li>
        <li><a href="#" >&rArr; CRM</a>
             <ul class="fly">
                <li><a href="#">Customer Center</a></li>
                <li><a href="#">Besuchsbericht</a></li>
                <li><a href="#">Info Center</a></li>
                <li><a href="#">Aktion erstellen</a></li>
                <li><a href="#">Reklamation</a></li>
            </ul>
        </li>
        <li><a href="#" >Kundenstamm</a></li>
        <li><a href="#" >Lieferantenstamm</a></li>
        <li><a href="#" >Rechnung prüfen</a></li>
    </ul>
 
<body>
<html>

cloned · #2 (**permalink**) 12.10.2015, 09:22

Gleiches Problem (und Lösung) wie hier.

Saxxon · #3 (**permalink**) 20.10.2015, 20:07

Danke, Cloned.

Ich habe verstanden, dass es die einfache Lösung nicht gibt-
Das mit dem Target leuchtet ein.

Die Lösung.... *lach* versuch ich später zu begreifen....

Schönen Abend....
Peter

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
hover-Untermenüs beim Zeilenumbruch per CSS "mitnehmen"	HappyPOny	CSS	1	18.07.2015 13:52
Horizontales Menü + Untermenü	fiel	CSS	10	02.01.2013 16:53
vertkales menü wie untermenü von horizontalem menü	Andy_1977	CSS	13	06.05.2012 00:43
Fehler beim Untermenü erstellen	MellZi	CSS	6	07.02.2011 21:04
Haupt-und Untermenü gleichzeitig aktiv	Antje-Gesine	CSS	1	15.08.2007 18:10