# 사이드바를 기본적으로 숨기게 설정할 수 있나요?

**URL:** https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984
**Category:** Support
**Tags:** sidebar
**Created:** [1월 26, 2023, 2:58오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984 "2023-01-26T14:58:26Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [1월 26, 2023, 2:58오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/1 "2023-01-26T14:58:26Z")

</div>

사이드바 내비게이션을 활성화하면 기본적으로 사이드바가 표시되고, 사용자가 메뉴 아이콘을 처음 클릭하면 사이드바가 숨겨집니다.

이 설정을 반대로 변경할 수 있을까요? 즉, 페이지가 처음 로드될 때 랜딩 페이지가 전체 너비로 표시되고, 사용자가 메뉴 아이콘을 클릭하면 사이드바가 나타나도록 하는 것입니다.

---

<div class="post-metadata">

### Author: ![hiddenseal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hiddenseal/32/284273_2.png) [@hiddenseal](https://meta.discourse.org/u/hiddenseal)
#### Post date: [1월 26, 2023, 3:06오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/2 "2023-01-26T15:06:08Z")

</div>

사이드바가 `aria-expanded` 속성에 의해 제어되는 것 같으므로, 이는 어느 정도 유사합니다.

> [@인용된 내부 링크의 aria-expanded 기본값을 true로 설정하는 방법이 있을까요?](https://meta.discourse.org/t/way-to-default-aria-expanded-true-for-quoted-internal-links/197835):
>
> I’d like to show the content of a quoted post (link) by default The expand arrow is a bit too subtle. What methods do I have available to do this? Thanks

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [1월 26, 2023, 4:00오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/3 "2023-01-26T16:00:03Z")

</div>

공유해 주셔서 감사합니다! 이 접근 방식이 될 것 같습니다:

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

```

이 코드는 사이드바가 숨겨진 상태로 슬라이드하도록 합니다. 즉, 문서가 준비될 때 자동으로 애니메이션이 실행되는데, 이는 이상적이지 않습니다.

사실 저는 사이드바가 aria 속성에 의해 제어된다고 생각해서, 다음을 시도해 보았습니다:

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

```

하지만 이 속성은 상태를 제어하는 것이 아니라 상태만을 나타내는 것입니다. 따라서 이 스니펫은 속성은 변경하지만 상태는 변경하지 않습니다 🙃

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [1월 27, 2023, 10:00오전 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/4 "2023-01-27T10:00:09Z")

</div>

Nolo님, 안녕하세요!

이를 구현하기 위해 컴포넌트를 만들었습니다. 도움이 되길 바랍니다 🙂

> **[GitHub - VaperinaDEV/closed-sidebar-by-default](https://github.com/VaperinaDEV/closed-sidebar-by-default)**
>
> Contribute to VaperinaDEV/closed-sidebar-by-default development by creating an account on GitHub.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [1월 27, 2023, 10:31오전 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/5 "2023-01-27T10:31:18Z")

</div>

오, 정말 도움이 되네요! 😄 제가 막연히 시도해 보긴 했는데, 결국 작동이 안 됐거든요..

공유해 주셔서 정말 감사합니다 @Don🌟

---

<div class="post-metadata">

### Author: ![vikiedavie](https://avatars.discourse-cdn.com/v4/letter/v/a5b964/32.png) [@vikiedavie](https://meta.discourse.org/u/vikiedavie)
#### Post date: [1월 27, 2023, 1:43오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/6 "2023-01-27T13:43:56Z")

</div>

당신, 돈! 정말 훌륭해요!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2월 26, 2023, 1:43오후 UTC](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/7 "2023-02-26T13:43:59Z")

</div>

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