(s) Ausklapp-Menü mit Verzweigungen

[michael.sprick]

solche Dinge kannst du relativ einfach mit CSS machen:

ul {
  list-style: none;
  margin:0px;
  padding:0px;
}
ul.menu ul {
  display:none;
}
ul.menu li {
  display: block;
  position: relative;
  width: 120px;
  height: 25px;
  background: #eeeeee;
  text-align:center;
}
ul.menu li:hover {
  background: #e0e0e0;
}
ul.menu li:hover > ul {
  list-style:none;
  display: block;
  position: absolute;
  left: 120px;
  top:0px;
} 

und das HTML dazu:

<ul class="menu">
  <li>Gruppe 1
    <ul>
      <li>Gruppe 1 / Punkt 1</li>
      <li>Gruppe 1 / Punkt 2</li>
      <li>Gruppe 1 / Punkt 3</li>
      <li>Gruppe 1 / Punkt 4</li>
    </ul>
  </li>
  <li>Gruppe 2
    <ul>
      <li>Gruppe 2 / Punkt 1</li>
      <li>Gruppe 2 / Punkt 2</li>
      <li>Gruppe 2 / Punkt 3</li>
    </ul>
  </li>
</ul>