Javascript/ajax Slide Submenü

[Maximum147]

Hallo ich hab das Scrip aus diesem Thread:

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
      <script type="text/javascript" charset="utf-8">
         $(document).ready(function() {
            $('li.submenu').hide();
            
            $('ul.navigation li').click(function() {
               $(this).next('.submenu').slideToggle()
          
            });
             
         });
         
      </script>

Das Script ist toll und is genau das was ich suche, nur es funktioniert noch nicht so wie ich es will...

Das Haputproblem ist wenn ich den Hauptmenü Punkt mit einer Seite verlinke, "fährt" das Menü nicht mehr auf, nur wenn es ein toter Link ist (# )
Ich will mit einem Klick auf den Hauptmenüpunkt eine Seite mit langem Text aufrufen, gleichzeitig sollen sich die Unterpunkte ausfahren. Mit den unterpunkten spring ich dann zu verschiedenen Textstellen.

Wie bekomm ich das hin?

Das zweite was mich stört, ist wenn ich das erste Menü aufklappe und danach das 2te geht das erste nicht zu...

Hier noch der html code:

<ul class="navigation">
      <li><a href="index.php?seite=Gesellschaft der Wikinger">Gesellschaft</a></li>
      <li class="submenu">
         
         <div id="untermenu">
         <ul>
            <li><a href='#'>Innere Ordnung</a></li>
            <li><a href="#">Das Thing</a></li>
            <li><a href="#">Kultur</a></li>
            <li><a href="#">Siedlungen</a></li>
            </div>
         </ul>
      </li>
      </ul>
      
 <ul class="navigation">
      <li><a href="#">Mythologie</a></li>
      <li class="submenu">
    <div id="untermenu">
         <ul>
            <li><a href='#'>Edda</a></li>
            <li><a href="#">Zusammenfassung</a></li>
            </div>
          </ul>
      </li>
      
   </ul>

Würde mich über Hilfe freuen!


p.s. ist für ein Schulprojekt

 

[sokie]

AW: Javascript/ajax Slide Submenü

<div id="untermenu">

hier fehlt schonmal das schliessende </div>

<li><a href="index.php?seite=Gesellschaft der Wikinger">Gesellschaft</a></li>

enthält der listenpunkt auf den geklickt wird einen Link, wird logischerweise die Seite neu geladen und damit das Untermenü nicht angezeigt.

 

[Maximum147]

AW: Javascript/ajax Slide Submenü

Danke für die Antwort.

Das schließende div ist da, guck nochmal genau hin.

Ja eigentlich wird die navigation nicht extra geladen. Sie wird per php included und der content wir mit hilfe des php switches geladen.

Wie geh ich jetzt am besten vor um mein gewünschtes Menü zu erstellen?

 

[sokie]

AW: Javascript/ajax Slide Submenü

Das schließende div ist da, guck nochmal genau hin.

    <div id="untermenu">
         <ul>
            <li><a href='#'>Edda</a></li>
            <li><a href="#">Zusammenfassung</a></li>
            </div>
          </ul>

ist aber falsch geschachtelt

verhindern kannst du das neuladen, wenn der Listenpunkt, der ein untermenü öffnet keinen Link enthält.

 

[Maximum147]

AW: Javascript/ajax Slide Submenü

Stimmt danke.
Kann man über Cookies das irgendwie regeln?