javascript - 获取所有数据后如何加载div包含

Question

我正在尝试隐藏和显示我的 div 元素，但是当我隐藏顶部的 div 时，下面的 div 显示(但必须刷新)它不会在我们刷新后加载， 当我注销时，我返回我的主页，但还需要刷新，如何处理？？

if (localStorage.getItem("token")) {
  $("#isLoggin").hide();
  $("#logout").show();
  $("#homepag").hide();
  $(".container-nav").css({ height: "50%" });
  $("#article").show();
} else {
  // $("#aframe").hide();
  $("#article").hide();
  $("#homepag").show();
  $("#logout").hide();
  $("#isLoggin").show();
}

我的主页是这样的

<div class="container-nav">
  <div id="homepag">

  </div>

  <div id="article">

  </div>
</div>

我可以在触发文章和隐藏希望页面时加载加载程序吗？ 我在做SPA

Answer 1

哇，你的问题就像一个逻辑谜题，哈哈。我终于明白你要问的了! 答案是肯定的，这样做:

if (localStorage.getItem("token")) {
  $("#isLoggin").hide();
  $("#logout").show();
  $(".container-nav").css({ height: "50%" });
  $("#article").show();
  $("#article").siblings().hide();
} else {
  // $("#aframe").hide();
  $("#article").hide(); // hide this with CSS instead
  $("#homepag").show();
  $("#logout").hide(); // hide this with CSS instead
  $("#isLoggin").show();
}