Помните Скрыть / показать на клике - PullRequest
0 голосов
/ 02 марта 2019

У меня есть элемент с функцией скрытия / отображения 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>
...