我有一个切换按钮，当点击按钮时，侧边栏将折叠，当再次点击切换按钮时，侧边栏将恢复正常。我想将状态保存在本地存储中，但我遇到了如何将状态保存在本地存储中的问题;我现在使用的方法不能保存状态。什么是正确的方法来存储状态在本地存储，以便当侧边栏折叠，页面重新加载，侧边栏还是会崩溃吗

<div id="sidebar"
    class="c-sidebar c-sidebar-dark c-sidebar-fixed c-sidebar-sm-show sidebar" >
  <button id="header-toggler" 
      class="c-sidebar-minimizer c-class-toggler header-toggler" 
      type="button" data-target="_parent" data-class="c-sidebar-minimized">
  </button>
  <div class="c-sidebar-brand maximized">
    <img style="max-width: 100px;" 
        src="{{asset('images/brand/logo-text-white.png') }}" alt="GhoCalls Logo">
  </div>
  <div class="c-sidebar-brand minimized">
    <img style="max-width: 56px;" 
        class="p-1" src="{{asset('images/brand/logo-white.png') }}" 
        alt="GhoCalls Logo">
  </div>
  <ul class="c-sidebar-nav">
    <li class="c-sidebar-nav-item">
      <a class="c-sidebar-nav-link" href="#">
        <div class="mr-4 icon">
          <i class="fas fa-tachometer-alt"></i>
        </div>
        Dashboard
      </a>
    </li>
  </ul>
</div>

个字符