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