Navigation nicht neu Laden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 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.

    Quellcode

    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. });
    Alles anzeigen


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

    Quellcode

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