javascript的保存状态

我有以下功能，它向我显示元素，并在单击显示所有列表时开始显示shore more

我试图在浏览器中保存其状态，当我单击“显示更多”时，它应保存其状态，并且在页面加载时应显示所有

这是我的职责

function slt(LessMore)
{
   var smH = 0;
    $(document).find('.sl > dd:lt(3)').each(function () {
        smH += $(this).outerHeight();
    });

    $('.sl').css({
        'max-height': smH + 34,
        'overflow': 'hidden'
    });
}

其中的html是：

<dl class="sl" style="max-height: 34px; overflow: hidden;">
          <dt>Life</dt>
                    
              <dd>
                <label>
                    
                    <input type="checkbox">
                  
                  <div>Local <span>(4)</span></div>
                </label>
              </dd>
                    
              <dd>
                <label>
                    
                    <input type="checkbox" value="">
                  
                  <div>Sports <span>(4)</span></div>
                </label>
              </dd>
                    
              <dd>
                <label>
                    
                    <input type="checkbox" value="">
                  
                  <div>Origin <span>(9)</span></div>
                </label>
              </dd>
                    
              <dd>
                <label>
                    
                    <input type="checkbox" value=" Free">
                  
                  <div> Free Tickets <span>(9)</span></div>
                </label>
              </dd>
                    
              <dd>
                <label>
                    
                    <input type="checkbox" value=" Free">
                  
                  <div> Free Pages<span>(8)</span></div>
                </label>
              </dd>
                   
             
       </dl>
       
       <div class="branc_btn"><span class="see-all"><a href="#" onclick="slt(1);return false;">See More</a> </span><span class="see_less"><a href="#" onclick="slt(1);return false;">See Less</a></span></div>

生活
本地（4）
体育（4）
来源（9）
免费入场券（9）
免费网页（8）

听起来您可能想看看本地存储或会话存储？这将有助于保存浏览器中保留的状态

例如

---

尝试使用来保存数据谢谢，我阅读了你给我的链接，但我不太确定我在哪里以及如何实现这一点

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage