[Javascript] .hide Problem

[mfwenzel]

Moin moin,

ich habe auf meiner Seite folgenden Javascript Code:

<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').toggle()          
            });             
         });         
      </script>

und dazu den HTML-Code:

<ul id="navigation">
  <li id="navigation"><a href="../Kuenstlerviertel2/index_k2.html"> Künstlerviertel 2</a></li>
      <li class="submenu">
        <ul>
           <li><a href="../Kuenstlerviertel2/lageplan_k2.html">Lageplan</a></li>
            <li><a href="#">Haustypen</a></li>
             <li class="submenu">
                <ul>
                       <li><a href="../Kuenstlerviertel2/typen/106.html">Haus 106</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/111.html">Haus 111</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/112.html">Haus 112</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/116.html">Haus 116</a></li>
                         <li><a href="../Kuenstlerviertel2/typen/124.html">Haus 124</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/124a.html">Haus 124a</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/130.html">Haus 130</a></li>
                    <li><a href="../Kuenstlerviertel2/typen/131.html">Haus 131</a></li>
                </ul>
            </li>
           <li><a href="../Kuenstlerviertel2/bb_k2.html">Baubeschreibung</a></li>
          </ul>
    </li>
  <li><a href="#">Mainz-Finthen, Sertoriusring</a></li>
   <li class="submenu">
        <ul>
           <li><a href="#">Lageplan</a></li>
            <li><a href="#">Haustypen</a></li>
           <li><a href="#">Baubeschreibung</a></li>
          </ul>
    </li>
  <li><a href="#"> Balthasar-Neumann-Str.</a></li>
    <li class="submenu">
        <ul>
           <li><a href="#">Lageplan</a></li>
            <li><a href="#">Wohnungstypen</a></li>
           <li><a href="#">Baubeschreibung</a></li>
          </ul>
    </li>
    <li><a href="#">von-Leyden-Str.</a></li>
   <li class="submenu">
        <ul>
           <li><a href="#">Lageplan</a></li>
            <li><a href="#">Wohnungstypen</a></li>
           <li><a href="#">Baubeschreibung</a></li>
          </ul>
    </li>
</ul>

So. Funktioniert auch alles super. Nur: Wenn ich nun einen der Navi-Punkte verlinke also nicht mit dem Platzhalter "#" dann klappt die Navi immer sofort wieder zu, ich kann also die Unterpunkte nicht auswählen, weil sie immer sofort wieder zugeht. Woran könnte das liegen?

 

[cebito]

AW: [Javascript] .hide Problem

Ist doch klar, die Navi klappt per "click" aus, gleichzeitig ruft er aber die verlinkte Seite auf... das funktioniert so nicht...

 

[mfwenzel]

AW: [Javascript] .hide Problem

ah ok... und wie kann man das umsetzen, dass die seite aufgerufen wird und gleichzeitig die navi noch funktioniert?

 

[cebito]

AW: [Javascript] .hide Problem

ah ok... und wie kann man das umsetzen, dass die seite aufgerufen wird und gleichzeitig die navi noch funktioniert?

Soll das jeweils die Übersichtsseite für die Kategorie sein? Setz sie doch als ersten Menüpunkt in dem Untermenü...

 

[mfwenzel]

AW: [Javascript] .hide Problem

ok so mach ich es. nun gut, jetzt ist halt die navi immer eingeklappt wenn ich die seite neu lade (logischerweise) wenn man nun aber auf einem unterpunkt ist, dann sollte die navi ja ausgeklappt sein. gibts da eine lösung?

 

[mfwenzel]

AW: [Javascript] .hide Problem

gibts da keine möglichkeit? stört nämlich echt ziemlich, wenn die navi wieder zugeklappt ist...