Как сделать что бы при клики на кнопку, применялись стили функции .css() и показывалось меню, а потом при втором клике стили этой кнопки обнулялись?
[Codepen]https://codepen.io/nord18/pen/aQJvYQ
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак сделать что бы при клики на кнопку, применялись стили функции .css() и показывалось меню, а потом при втором клике стили этой кнопки обнулялись?
[Codepen]https://codepen.io/nord18/pen/aQJvYQ
$(function(){
$(".add").click(function(){
$("a").css({"color":"red","font-size":"24px"});
});
$(".remove").click(function(){
$("a").css("color","");
});
});
a{color:green;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#">Тест</a>
<button class="add">Добавить стиль</button>
<button class="remove">Удалить стиль</button>
Можно просто задавать пустые значения, тогда стиль пропадет. В примере добавляю размер шрифта и цвет, удаляю только цвет.
Решил вот так:
$(".page__btn-select").click(function() {
$(this).toggleClass("btn-select");
$("ul").toggle();
});
addClass
вместо функцииcss
.