Kann ich standardmäßig eine versteckte Sidebar haben?

Unterstützung
1

Wenn ich die Seitenleistennavigation aktiviere, wird die Seitenleiste standardmäßig angezeigt und beim ersten Klick eines Benutzers auf das Menüsymbol wird die Seitenleiste ausgeblendet.

Kann ich dieses Setup umkehren, sodass die Landingpage beim ersten Laden der Seite in voller Breite angezeigt wird und die Seitenleiste beim Klicken auf das Menüsymbol eingeblendet wird?

2

Dies ist dem ähnlich, da die Seitenleiste durch das Attribut aria-expanded gesteuert zu werden scheint

1 „Gefällt mir“
3

Danke für das Teilen! Das wäre dieser Ansatz:

<script>
    $(document).ready(function(){ 
        jQuery(function(){
            jQuery('button.btn-sidebar-toggle).click();
        });
    }) 
</script>

Was dazu führt, dass die Seitenleiste in den ausgeblendeten Zustand gleitet. Es gibt also eine automatische Animation beim Dokumentenstart, was nicht gerade ideal ist.

Ich dachte auch, dass die Seitenleiste durch das Aria-Attribut gesteuert wird, daher hatte ich Folgendes versucht:

<script>
  $(document).ready(function(){ 
    $("button.btn-sidebar-toggle").attr("aria-expanded","false");    
  }) 
</script>

Aber das Attribut steuert nicht den Zustand, es zeigt ihn nur an. Dieser Code-Schnipsel ändert also das Attribut, aber nicht den Zustand :upside_down_face:

1 „Gefällt mir“
4

Hallo Nolo,

Ich habe eine Komponente erstellt, um dies zu erreichen. Ich hoffe, sie hilft dir :slightly_smiling_face:

4 „Gefällt mir“
5

Ja, das hilft wirklich! :smile: Damit habe ich mich abgemüht, aber es hat nicht funktioniert..

Vielen Dank fürs Teilen, @Don :star2:

2 „Gefällt mir“
6

Danke, Don! Das ist brillant!

1 „Gefällt mir“
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.