Изменение класса у элемента
Есть страница с кнопкой активации и деактивации чего либо.
Задача сделать, что при клике на кнопку менялся ее стильно на противоположный. Ну допустим если активная кнопка, кликаем получаем в ответ что кнопка становиться деактивная. И наоборот. Первая часть вопроса решена :), при клике скажем по кнопке она меняет цвет все ок. Но при повторном клике на той же кнопке с измененным цветом class удаляет вообще все оставляя только: btn btn-sm Как же так это два разных условия. Что делать как победить? $(document).ready(function(){ //deactive $('.btn.btn-warning.btn-sm').click(function(event) { var id = event.target.dataset.bid; $('#b-'+id).removeClass("btn btn-warning btn-sm"); $('#b-'+id).toggleClass("btn btn-success btn-sm"); }); //active $('.btn.btn-success.btn-sm').click(function(event) { var id = event.target.dataset.bid; $('#b-'+id).removeClass("btn btn-success btn-sm"); $('#b-'+id).toggleClass("btn btn-warning btn-sm"); }); }); пример кнопки <button type="button" id="b-3" data-bid="3" class="btn btn-warning btn-sm">Выключить</button> |
.toggleClass("только изменяемый") зачем все классы перечислять, и зачем removeClass?
|
Часовой пояс GMT +3, время: 14:24. |