Puis-je utiliser une barre latérale cachée par défaut ?

Soutien
1

Lorsque j’active la navigation latérale, la barre latérale s’affiche par défaut et la première fois qu’un utilisateur clique sur l’icône du menu, elle masque la barre latérale.

Puis-je inverser cette configuration, de sorte que la page de destination s’affiche en pleine largeur au chargement initial de la page et qu’un utilisateur clique sur l’icône du menu pour révéler la barre latérale ?

2

Ceci est quelque peu similaire car la barre latérale semble être contrôlée par l’attribut aria-expanded

1 « J'aime »
3

Merci de partager ceci ! Ce serait cette approche :

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

Ce qui fait glisser la barre latérale vers l’état caché. Il y a donc une animation automatique au chargement du document, ce qui n’est pas idéal.

En fait, j’avais aussi pensé que la barre latérale était contrôlée par l’attribut aria, j’avais donc essayé ceci :

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

Mais l’attribut ne contrôle pas l’état, il l’indique seulement. Donc cet extrait modifiera l’attribut, mais pas l’état :upside_down_face:

1 « J'aime »
4

Bonjour Nolo,

J’ai créé un composant pour y parvenir. J’espère que cela vous aidera :slightly_smiling_face:

4 « J'aime »
5

Oh oui, ça aide vraiment ! :smile: C’est avec ça que j’ai tâtonné mais je n’arrivais pas à le faire fonctionner…

Merci beaucoup de partager ça @Don :star2:

2 « J'aime »
6

Merci, Don ! C’est génial !

1 « J'aime »
7

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