Navigation Effekt, weiss nich wie es heisst :(

[aXe]

Ohm, ich habe ein Design gemacht, das sieht so aus:

http://img3.imagebanana.com/img/9ug1x8b3/Unbenannt1so.jpg


und ohm, links sieht man die Navigation mit diesen Unterpunkten, und ich möchte, dass dies zuerst normal aus sieht und dannach wenn man drauf klickt, dass es dann nach unten gezogen wird und diese untermenues hervorkommen.


Ich denke maml, dass man das in Java Script macht, aber ich kann leider kein Javascript, aknn mir da einer helfen? Ohm, ich möchte dass Schlussendlich an ein CMS anpassen, ich hatte vor an Webspell. kann mir da einer Helfen? Wäre sehr dankbar, weil die Seite wird ne Homepage für einen Regionalen Fernsehsender der Schweiz;-)

 

[Commodore]

<script type="text/javascript">
function show(obj){
    obj = obj.nextSibling.nextSibling;
    obj.style.display = obj.style.display == "block" ? "none" : "block"; 
}
</script>
<style type="text/css">
ul{
  cursor: pointer;
}
ul ul{
  display: none;
  cursor: default;
}
</style>

<ul>
  <li onclick="show(this)">Menu</li>
  <ul>
    <li>Unterpunkt1</li>
    <li>Unterpunkt2</li>
  </ul>
  <li onclick="show(this)">Menu2</li>
  <ul>
    <li>Unterpunkt1</li>
    <li>Unterpunkt2</li>
    <li>Unterpunkt3</li>
    <li>Unterpunkt4</li>
  </ul>
  <li onclick="show(this)">Menu2</li>
  <ul>
    <li>Unterpunkt1</li>
    <li>Unterpunkt2</li>
  </ul>
</ul>

 

[aXe]

Danke schonmal für die Hilfe, aber könntest du mir das noch irgendiwe erklären? :roll:


Also wie muss ich slicen und so?

 

[Commodore]

Slicen musst du garnichts.


Wenn du die Menuepunkte aendern willst, dann nimm [css]list-style-image[/css], fuer jeden neuen Menupunkt fuegst du folgendes in den Code ein:

  <li onclick="show(this)">Menu2</li>
  <ul>
    <li>Unterpunkt1</li>
    <li>Unterpunkt2</li>
  </ul>

Ahja, der erste Codeteil muss in den head eingefuegt werden.