Search the Community
Showing results for tags 'toggleclass'.
-
https://www.zebra-tara.ru/catalogue/store-box jQuery(document).ready(function ($) { $('#grid_list_selector li').click(function (e) { e.preventDefault(); var $clicked_item = $(this); var $set_mode = $clicked_item.data("view-mode"); $('#grid_list_selector li').removeClass("active"); $clicked_item.setClass("active"); $("#product_list").removeClass("grid list").setClass($set_mode); var Cookies2 = Cookies.noConflict(); if (Cookies2) { Cookies2.set('grid-list', $set_mode, {expires: 365}); } }) }); не возьму в тол, почему не работает переключалка? Должна меняться нажатая кнопка и меняться класс у списка продуктов. Подскажите, что я снова упустил?
-
toggleClass не получается сменить картинку по второй кнопке.
olmensk posted a question in JavaScript
Ситуация следующая: У меня есть div, есть 3 кнопки. Нужно по нажатию на кнопки менять цвет div. Всё вроде бы просто. И всё работает. ТОЛЬКО для переключения на следующий цвет, нужно типа "отключить" предыдущий. Тоесть. Я нажал на кнопку1 и загорелся красный. Нажал на кнопку2 и ничего не происходит.. горит красный... пока я не "отключу" кнопку1. Получается для включения второго цвета, нужно как бы выключить кнопку того цвета который сейчас. А надо! Что б цвет переключался по нажатию на нужную мне кнопку. Код такой: .................................................................................................................................................. <div class="stena_potolok" ></div> <!——————— кнопка смены цвета color.css———————-><div class="corusel_color_all"> <a href="#wheel" class="wheel-button sw"> <i class="customicon-plus"></i> </a> <ul id="wheel" data-angle="SW" class="wheel"> <li class="item"><a class="btn_1" href=""></a></li> <li class="item"><a class="btn_2" href=""></a></li> <li class="item"><a class="btn_3" href=""></a></li> </ul> </div><!——————————————————————————--> <script>$(document).ready(function(){ $(".btn_1").click(function(){$(".stena_potolok").toggleClass("stena_potolok_white"); return false;}); $(".btn_2").click(function(){$(".stena_potolok").toggleClass("stena_potolok_darck"); return false;}); $(".btn_3").click(function(){$(".stena_potolok").toggleClass("stena_potolok_red"); return false;}); });</script> <!————————————————————————-> <script type="text/javascript"> $(".wheel-button").wheelmenu({ trigger: "hover", animation: "fly", angle: "NW" }); </script> .................................................................................................................................................................... При нажатии на кнопку btn_1, toggleClass - м меняется в файле css: stena_potolok на stena_potolok_darck Просто прописаны 2 стиля в одном белый цвет а во втором чёрный. Есть ещё 2 стиля stena_potolok_red и stena_potolok_white В общем помогите люди добрые... мы не месные и в js не особо сильны.... как правильно и что написать?