JQuery - удалить стиль, добавленный с помощью функции .css()

170

15 апреля 2019, 08:50

Как сделать что бы при клики на кнопку, применялись стили функции .css() и показывалось меню, а потом при втором клике стили этой кнопки обнулялись?

[Codepen]https://codepen.io/nord18/pen/aQJvYQ

Answer 1

$(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>

Можно просто задавать пустые значения, тогда стиль пропадет. В примере добавляю размер шрифта и цвет, удаляю только цвет.

Answer 2

Решил вот так:

$(".page__btn-select").click(function() {
   $(this).toggleClass("btn-select");
   $("ul").toggle();
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

как применить разные анимации на один элемент при нажатии кнопки

я попыталась это сделать, но получается что когда нажимаю, элемент исчезает, потом только при повторном нажатии кнопки появляется и анимируется

185

owl-carousel показать сразу конец списка

jQuery

JQuery - удалить стиль, добавленный с помощью функции .css()

как применить разные анимации на один элемент при нажатии кнопки

owl-carousel показать сразу конец списка

Timer и захват AsyncLocals (ExecutionContext)

Поиск пути к контроллеру ASP.NET Web Api на Apache