Allgemeines » Navigation als Akkordeon

26.04.2017 11:53 (zuletzt bearbeitet: 26.04.2017 21:55)

Norbert
#1

Moin,

ist es möglich, die Navigation in der Sidebar so einzustellen, dass mit Klick auf die Ebene 0 keine Seite geöffnet, sondern nur die Ebene 1 aufgeklappt wird?
Habe meine Navigation erstmal ausgeblendet und eine eigene an die Stelle gesetzt, dabei jedoch dass Problem, dass sie auf jeder neu geöffneten Seite immer wieder zugeklappt ist, was die Usability zu sehr einschränkt.
Ausserdem würde ich gern die Navigation in der mobilen Ansicht ebenso anpassen und im Burger verstecken..
Bin ich da schon über die Grenzen des Baukasten-Systems hinaus?

Meine Seite: https://www.zuckerfrei.berlin

Gruß, Norbert

Antworten

Beitrag melden

#2

26.04.2017 21:55 (zuletzt bearbeitet: 26.04.2017 21:58)

az_
#2

az_

Moin auch,

ich fürchte, da musst du dich nach einem anderen Design umsehen. CapeTown z.B. kann das. S.h.: https://redesign-berlin-seminar.jimdo.com/
Aber die Usability ist bei dem Design auch nicht überzeugend, finde ich.

Copenhagen hat ein SubDesign, bei dem die Navigation stehen bleibt - jedenfalls bei großen Bildschirmen (Desktop). Das wär vielleicht etwas für dich...

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

27.04.2017 07:15

Norbert
#3

Norbert

Moin,

nach nächtlicher Forschung kam ich auf diesen Code, von dem ich mir wünschte, er würde funktionieren:

1
2
3
4
 
 $('.cc-nav-level-0.j-nav-level-0').click(function() {
   $('body').append($(this).attr('href'));
   return false;
});
 

Bewirkt aber leider gar nichts. Ich forsche weiter..

Antworten

Beitrag melden

#4

27.04.2017 11:00 (zuletzt bearbeitet: 27.04.2017 11:05)

az_
#4

az_

...ahhh, ich hatte Dich falsch verstanden*:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript">
</script>
 
<script type="text/javascript">
    $(document).ready(function() {
 
        $("li.jmd-nav__list-item-0.j-nav-has-children").hover(function() {
            $(this).children("a").click(function() {
                return false;
            });
        });
 
    });
</script>
 

Quelle: https://expanding.jimdo.com/hacks/remove...own-navigation/

Beispiel: https://designtest-amsterdam.jimdo.com/

../sub-subsubs/ ist nicht mehr klickbar, aber über https://designtest-amsterdam.jimdo.com/sub-subsubs/ noch zu erreichen.

LG, az

*lernen ich muss, genauer zu lesen :)

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#5

27.04.2017 14:20 (zuletzt bearbeitet: 27.04.2017 14:28)

Norbert
#5

Norbert

Das klappt zwar, aber ist für Navigationen gedacht, die automatisch aufklappen, wenn der Mauszeiger kommt..
In meinem Design muss man klicken zum Ausklappen, was mit dem Script nicht mehr geht.

Meine Idee zur Seite Sub & SubSubs wäre, statt sie vor google zu verstecken, diese als Landingpage zu nutzen, mit schick
verpackten Infos und Vorschaubildern..

#alleswirdgut, Norbert

Antworten

Beitrag melden

#6

28.04.2017 11:06 (zuletzt bearbeitet: 28.04.2017 11:11)

az_
#6

az_

...schon klar. Das mach ich auch oft bzw. ist auch meine Lösung.

Du müsstest aber auch einfach das .hover durch .click erstetzen können, wenn du keine PopUp-Navigation hast. Dann müsstest Du nur den Link der parent-Seite auf das erste Child setzen. Probier es mal aus.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript">
</script>
 
<script type="text/javascript">
    $(document).ready(function() {
 
        $("li.jmd-nav__list-item-0.j-nav-has-children").click(function() {
            $(this).children("a").click(function() {
                return false;
            });
        });
 
    });
</script>
 

LG, az

PS: ...als 2nd Navigation würde ich das mit .hide und .show machen: https://designtest-dublin.jimdo.com/test/ (...klick auf Link2)

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html