Можно ли по умолчанию скрывать боковую панель?

Поддержка
1

Когда я включаю боковую навигацию, боковая панель отображается по умолчанию, и при первом нажатии пользователем на иконку меню она скрывается.

Можно ли изменить эту настройку так, чтобы при первоначальной загрузке страницы отображалась главная страница на всю ширину, а при нажатии на иконку меню боковая панель открывалась?

2

Это отчасти похоже, так как боковая панель, по-видимому, управляется атрибутом aria-expanded

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:

4

Привет, Nolo,

Я создал компонент для решения этой задачи. Надеюсь, он вам поможет :slightly_smiling_face:

5

Да, это действительно помогает! :smile: Я как раз пытался разобраться с этим, но у меня не получилось..

Огромное спасибо за то, что поделились @Don :star2:

6

Спасибо, Дон! Это гениально!