Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Событие click (https://javascript.ru/forum/jquery/64415-sobytie-click.html)

Igor710 09.08.2016 20:54

Событие click
 
Доброго времени суток, заранее прошу прощения за нубский вопрос, но все же, есть такой скрипт
$(document).ready(function(){


$(".lp").click(function(){
$(".dp").css({"opacity":"0.7"});

});
Как сделать, чтобы при повторном клике на .lp opacity вернулась на прежнее значение, при следующем снова 0.7 и так далее?

Black_Star 09.08.2016 21:30

Есть чудесное свойство taggle()- работает как переключатель. Просто вставь в нужное место
http://jquery-docs.ru/effects/toggle/
Хотя вот с .css() это может и не пройти, дело в том что сss добавляет свойство если его нету, или меняет на уже заданое. Тут может не сработать

рони 09.08.2016 21:33

Igor710,
$(document).ready(function(){
 var arr = [$(".dp").css("opacity"),.7];
 $(".lp").click(function(){
 $(".dp").css({"opacity":arr.reverse()[0]});
 });
 });

Igor710 09.08.2016 22:02

Цитата:

Сообщение от рони (Сообщение 424842)
Igor710,
$(document).ready(function(){
 var arr = [$(".dp").css("opacity"),.7];
 $(".lp").click(function(){
 $(".dp").css({"opacity":arr.reverse()[0]});
 });
 });

А как данный метод можно применить к другим css свойствам?

рони 09.08.2016 22:07

Цитата:

Сообщение от Igor710
А как данный метод можно применить к другим css свойствам?

не понимаю

Igor710 09.08.2016 22:32

К примеру color:red

рони 09.08.2016 22:37

Igor710,
$(document).ready(function(){
 var arr = [$(".dp").css("color"),'red'];
 $(".lp").click(function(){
 $(".dp").css({"color":arr.reverse()[0]});
 });
 });


Часовой пояс GMT +3, время: 16:05.