<script>
var mem = (function() {
try {
return 'localStorage' in window && window['localStorage'] !== null ? localStorage : false
} catch(e) {
}
}());
$(function() {
var _hlp_bx = $('.explanation'), _hlp_bt = $('#explanation-btn').click(function(e, d) {
if(mem) {
if(mem['help'] && !d) {
mem.removeItem('help');
_hlp_bx.removeClass('hide8');
_hlp_bt.text(_hlp_bt.data('mess')[1])
} else {
mem.setItem('help', 1);
_hlp_bx.addClass('hide8');
_hlp_bt.text(_hlp_bt.data('mess')[0])
}
} else {
//управление через куки
}
});
if(mem && mem['help']) _hlp_bt.trigger('click', [1]);
});
</script>
<button id="explanation-btn" data-mess='["✖ explanation hidden","✓ explanation shown"]'>✓ explanation shown</button>
<span class="explanation">объяснение к примеру</span>
.explanation.hide8 {
display: none!important;
}
Есть такой скрипт, при нажатии на button отключает/включает класс explanation с запоминанием в куки. Что прописать, чтобы можно было вписать ещё 20 кнопок отключающие/включающие каждый свой определённый отдельный класс?
Просто копировать скрипт и менять там классы кнопок и скрываемых классов приведёт к тому, что при скрытии одного класса, скроются все остальные при следующей перезагрузке страницы. А при включении одного класса, включатся все другие при следующей перезагрузке страницы.
