Posso avere di default una barra laterale nascosta?

Supporto
1

Quando abilité la navigazione della barra laterale, la barra laterale viene visualizzata per impostazione predefinita e la prima volta che un utente fa clic sull’icona del menu, nasconderà la barra laterale.

Posso invertire questa configurazione, in modo che la pagina di destinazione venga visualizzata a larghezza intera al caricamento iniziale della pagina e quando un utente fa clic sull’icona del menu, rivelerà la barra laterale?

2

Questo è in qualche modo simile poiché la barra laterale sembra essere controllata dall’attributo aria-expanded

1 Mi Piace
3

Grazie per aver condiviso questo! Questo sarebbe questo approccio:

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

Che fa scorrere la barra laterale nello stato nascosto. Quindi c’è un’animazione automatica al caricamento del documento, che non è l’ideale.

In realtà, pensavo anche che la barra laterale fosse controllata dall’attributo aria, quindi avevo provato questo:

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

Ma l’attributo non controlla lo stato, lo indica soltanto. Quindi questo snippet cambierà l’attributo, ma non lo stato :upside_down_face:

1 Mi Piace
4

Ciao Nolo,

Ho creato un componente per raggiungere questo obiettivo. Spero ti sia d’aiuto :slightly_smiling_face:

4 Mi Piace
5

Sì, questo aiuta davvero! :smile: È con questo che ho pasticciato ma non sono riuscito a farlo funzionare..

Grazie mille per aver condiviso @Don :star2:

2 Mi Piace
6

Grazie, Don! È fantastico!

1 Mi Piace
7

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