|
Сообщение от stem
|
|
у меня только один блок
|
Если один блок, то к чему приведенный код JS? Он что выдран с чужого сайта?
|
Сообщение от stem
|
|
Я далек от js, вообще не понимаю о чем вы пишите.
|
Я вас и не спрашиваю о JS, я спрашиваю об организации кода на странице, чего там скрывать и сколько, к JS это отношения не имеет.
Если кнопкой "Скрыть/Показать", то лучше запомнить этот параметр "навечно", хотя можно и длительную куку установить. Это пример, а уж по html-коду разбирайтесь сами куда его прикрепить и как, ибо что и как, и почему я так до сих пор и не знаю.
В примере скрываются блоки по имени класса, будет такой один на странице, будут скрыт один, будет несколько скроется несколько.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.hide {
display: none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
var mem = (function() {
try {
return 'localStorage' in window && window['localStorage'] !== null ? localStorage : false
} catch(e) {
}
}());
$(function() {
var _hlp_bx = $('.help-box'), _hlp_bt = $('#help-btn').click(function(e, d) {
if(mem) {
if(mem['help'] && !d) {
mem.removeItem('help');
_hlp_bx.removeClass('hide');
_hlp_bt.text(_hlp_bt.data('mess')[1])
} else {
mem.setItem('help', 1);
_hlp_bx.addClass('hide');
_hlp_bt.text(_hlp_bt.data('mess')[0])
}
} else {
//управление через куки
}
});
if(mem && mem['help']) _hlp_bt.trigger('click', [1]);
});
</script>
</head>
<body>
<button id="help-btn" data-mess='["Показать подсказки","Скрыть подсказки"]'>Скрыть подсказки</button>
<div class="help-box">Подсказка 1</div>
<div class="help-box">Подсказка 2</div>
<div class="help-box">Подсказка 3</div>
</body>
</html>