Question

我有一个具有隐藏/显示onclick功能的元素。该函数本身正在运行，但是我不知道必须插入哪个代码来记住该元素是显示还是隐藏。每次刷新时，都会再次显示。

我希望有人可以帮助我

function einsfunc() {
  var x = document.getElementById("eins");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
 var x = document.getElementById("einseins");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

<table style="margin-top: 10px; margin-bottom: 10px;" class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">
<tbody><tr>
  <td style="font-weight: bold;" class="thead">
  <div class="expcolimage" onclick="einsfunc(); return false;"><i class="fa fa-window-minimize expander" ></i></div>
<div><strong>XXX XXX XXX</strong></div>
   </td>
</tr>

<tr>
   <td class="trow2" style="padding:11px; border-bottom: 2px solid #34495e;"><div style="height: 75px !important; overflow: auto;" style="{$expdisplay}" id="eins">
     <i class="fa fa-angle-double-right"></i> XXX <br>XXX<br><br><i class="fa fa-angle-double-right"></i> XXX | XXX<br>
   </div></td>
</tr>

</tr>
<tr>
   <td class="trow2" style="padding:11px"><div style="height: 75px !important; overflow: auto;" style="{$expdisplay}" id="einseins">
        <i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a><br><i class="fa fa-angle-double-right"></i> <a href="#">Link</a>
   </div></td>
</tr>
</tbody></table>

记住onclick隐藏/显示

0 个答案: