サイドバーをデフォルトで非表示にできますか？

サポート
1

サイドバーナビゲーションを有効にすると、デフォルトでサイドバーが表示され、ユーザーがメニューアイコンをクリックするとサイドバーが非表示になります。

この設定を逆にすることはできますか？つまり、初期ページ読み込み時にはサイドバーが表示されず、ユーザーがメニューアイコンをクリックしたときにサイドバーが表示されるようにできますか？

2

これは、サイドバーが aria-expanded 属性によって制御されているように見えるため、ある程度似ています。

「いいね！」 1
3

共有ありがとうございます。このアプローチになります。

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

これにより、サイドバーが非表示の状態にスライドします。ドキュメントの準備ができたときに自動アニメーションが発生しますが、これはあまり理想的ではありません。

サイドバーはaria属性によって制御されているとも思っていたので、これを試しました。

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

しかし、属性は状態を制御するのではなく、状態を示しているだけです。そのため、このスニペットは属性を変更しますが、状態は変更しません :upside_down_face:

「いいね！」 1
4

こんにちは、Noloさん。

これを実現するコンポーネントを作成しました。お役に立てば幸いです :slightly_smiling_face:

「いいね！」 4
5

はい、それは確かに役立ちます！:smile: それでつまずいていましたが、うまくいきませんでした。

共有していただきありがとうございます @Don :star2:

「いいね！」 2
6

ありがとうございます、ドン！素晴らしいです！

「いいね！」 1
7

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