✔ Dropdown Menu mit JS

0

08154711

Erfahrenes Mitglied
Hallo,
Ich brauche einen (JS)Tipp wie man das Menu auseinander & zusammenfahren kann. Bei Mouse-over wäre gut bzw. mit Maus anklicken sollte das Menu auseinanderfahren bzw.schliessen
Code: 
@charset "utf-8";
/* CSS Document */
 #navcontainer {
	margin-left: 0px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif; 
font-size:10px;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #036;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 15px;
width: 140px;
color: #fff;
background-color: #369;
text-decoration: none;

}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>aalbach...preiswert wohnen</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container"><img src="img/plogo.gif" alt="logo" />
  <div id="navcontainer">
    <ul id="navlist">
      <li id="active"><a href="#" id="current">Objekte in Arnsdorf und Radeberg</a>
        <ul id="subnavlist">
         <li><a href="stolpen21.html">Stolpener Str. 21</a></li>
          <li><a href="stolpen23.html">Stolpener Str. 23</a></li>
          <li><a href="nieder23.html">Niederstr. 23</a></li>
          <li><a href="teich13.html">Teichstr. 13</a></li>
          <li><a href="hufeland11.html">Hufelandstr. 11</a></li>
          <li><a href="hufeland13.html">Hufelandstr. 13</a></li>
          <li><a href="hufeland19.html">Hufelandstr. 19</a></li>
          <li><a href="altearnsdorfer.html">Alte Arnsdorfer Str. 30 B</a></li>
          <li><a href="ober3.html">Oberstr. 3 (Radeb.)</a></li>
          <li><a href="stolpen18.html">Stolpener Str. 18</a></li>
          <li><a href="stolpen20.html">Stolpener Str. 20</a></li>
          <li><a href="stolpen22.html">Stolpener Str. 22</a></li>
          <li><a href="villawolmsdorf.html">Villa in Kleinwolmsdorf</a></li>
        </ul>
      </li>
      <li><a href="#">Kontakt / Impressum</a></li>
      <li><a href="#">Mitmachwohnung</a></li>
      <li><a href="#">Vorteile / Rabatte</a></li>
      <li><a href="#">Nebenkosten / Heizkosten</a></li>
      <li><a href="#">Kinder</a></li>
      <li><a href="#">Feste feiern</a></li>
      <li><a href="#">Über uns</a></li>
      <li><a href="#">Verin Georia Germania</a></li>
      <li><a href="#">Unsere Preise sind Ihr Vorteil</a></li>
    </ul>
  </div>
</div>
<!--end container -->
</body>
</html>


Danke
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück