Задать вопрос
partyzanx
@partyzanx

Что добавить в скрипт чтобы работало несколько кнопок?

<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 кнопок отключающие/включающие каждый свой определённый отдельный класс?

Просто копировать скрипт и менять там классы кнопок и скрываемых классов приведёт к тому, что при скрытии одного класса, скроются все остальные при следующей перезагрузке страницы. А при включении одного класса, включатся все другие при следующей перезагрузке страницы.
  • Вопрос задан
  • 180 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
SDmitriyS
@SDmitriyS
Javascript разработчик
$(function() {
var _hlp_bx = $('.explanation');
Изменить на класс, так как id должны быть уникальные
$('.explanation-btn').click(function(e, d) {
var _hlp_bt = $(this)
if(mem) {
....
....
})
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы