Navigation nicht neu Laden

This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

  • Navigation nicht neu Laden

    Hi easy-coding Team,

    ich hab folgedens Problem:
    Ich habe eine aufklapbare Navigation: elkom.dennis92.de/index.html
    Und nun, wenn ich zB auf "Wir über uns" klicke, klappt per Slide-Effeckt Unterpunkte dieser Navigation aus. Wenn ich jedoch dann auf "Über uns" oder "Das Team" anklicke, läd leider nicht nur der Content, sondern auch die Navigation neu, sodass das Submenu nicht geöffnet bleibt. Obwohl ich den Content included habe.

    Hier könnnt ihr die Struktur der Homepage anschauen:
    elkom.dennis92.de/elkom.zip

    Ich hoffe ihr könnt mir behilflich sein.
    Gruß,
    morphy`
  • Hi,

    eine Möglichkeit wäre den content via Ajax nachzuladen.
    Zweite Möglichkeit wäre sich den aktuellen Status zu merken, also in einem Cookie oder serverseitig zu speichern und beim neuladen die entsprechenden Unterpunkte aufzuklappen.

    Ich habe bei der Seite in den Quelltext geschaut und der Toggle ist nicht besonders schön gelöst, da du doch eine offensichtliche Redundanz hast.

    Source Code

    1. $(function(){
    2. $('#showStart').click(function(){
    3. $('#start').slideToggle(300);
    4. });
    5. });
    6. $(function(){
    7. $('#showAnschluss').click(function(){
    8. $('#anschluss').slideToggle(300);
    9. });
    10. });
    11. $(function(){
    12. $('#showFernmelde').click(function(){
    13. $('#Fernmelde').slideToggle(300);
    14. });
    15. });
    16. $(function(){
    17. $('#showGefahrenmelde').click(function(){
    18. $('#Gefahrenmelde').slideToggle(300);
    19. });
    20. });
    21. $(function(){
    22. $('#showUeberuns').click(function(){
    23. $('#ueberUns').slideToggle(300);
    24. });
    25. });
    26. $(function(){
    27. $('#showNetzwerk').click(function(){
    28. $('#netzwerk').slideToggle(300);
    29. });
    30. });
    31. $(function(){
    32. $('#showVideo').click(function(){
    33. $('#Video').slideToggle(300);
    34. });
    35. });
    Display All


    Du musst einfach nur allen Menüpunkten, welche das Toggle nutzen sollen die Klasse nav zuweisen.

    Source Code

    1. $(document).ready(function(){
    2. $('.nav').click(function(){
    3. $(this).slideToggle(300);
    4. });
    5. // hier könnte der Ajax-Code hin ...
    6. });