Javascript显示/隐藏切换 - 在页面加载之前可能？

Question

要显示/隐藏项目，我通常会进行ajax调用以获取会话变量。这样，我有变量设置服务器端，当我渲染页面时，我可以相应地显示或隐藏一个部分。

但是，我想知道是否可以在javascript中执行此操作，而无需加载页面，然后切换项目的可见性。例如：

<div class="section">...</div>

if (localStorage.getItem('toggle') == 'hide') {
    $('.section').hide();
}

这会加载该部分，然后在页面加载后隐藏它，创建一个＆＃39; show-then-hide＆＃39;用户体验（好像它是一时的错误）。有没有办法防止这种情况（不包括隐藏它开始，然后在需要时显示它？）