Я настраиваю страницу с кнопкой, которая уменьшает части страницы. Я изменил код, который я нашел здесь: http://www.jankoatwarpspeed.com/use-jquery-to-turn-off-the-lights-while-watching-videos/Включить и выключить фильтр фильтра CSS
Но я очень плохо разбираюсь в javascript/jQuery, и я не уверен, как заставить его делать то, что мне нужно.
Вот сценарий:
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#shadow").toggle();
if ($("#shadow").is(":hidden"))
$(this).removeClass("turnedOff");
else
$(this).addClass("turnedOff");
});
});
И вот jsfiddle: http://jsfiddle.net/e2b7dxa0/
Я хотел бы это так, что-нибудь с «теневой» идентификатор тускнеет, когда переключатель света нажата. В настоящее время все с этим идентификатором скрыто до тех пор, пока не будет нажат переключатель освещения, и я бы хотел, чтобы он был видимым, включен или выключен переключатель. Я хочу, чтобы переключатель переключил фильтр яркости в CSS.
Кроме того, в jQuery есть что-то, что приводит к увеличению высоты до высоты страницы, и я хотел бы удалить ее.
Высота из-за '$ (документ) .height()' – hjpotter92