Во-первых, showFn (show - показать) - неудачное имя для функции, которая скрывает блок.
Во-вторых:
|
Сообщение от Ruslan_xDD
|
|
hide ^= 1
|
Что это такое? Не в обиду, но следующий раз накакаю в кармушку.
Мой вариант:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<a href="javascript:toggleBlock()">Скрыть \ показать</a>
<div id="myShowBlock">1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 </div>
<script>
(function() {
var toggle = function(element, show) {
element.style.display = show ? 'block' : 'none';
};
var block = document.getElementById('myShowBlock');
var visible = localStorage.hasOwnProperty('visible') ? JSON.parse(localStorage.getItem('visible')) : true;
toggle(block, visible);
window.toggleBlock = function() {
toggle(block, visible = !visible);
localStorage.setItem('visible', visible);
};
})();
</script>
</body>
</html>