jQuery and JavaScript Phrasebook

Adjusting Opacity

Click here to view code image

$("#up").on("click", function(){   var op = parseFloat($("#photo").css("opacity"));   if (op<1) {op += 0.2;};   $("#photo").css("opacity", op); }); $("#down").on("click", function(){   var op = $("#photo").css("opacity");   if (op>0) {op -= 0.2;};   $("#photo").css("opacity", op); });

Changing the opacity of elements is a great way to alter the layout of the page. Lowering the opacity value makes the item less visible, revealing any elements or background images that are behind the item.

By the way

One problem with using .hide() to hide an element is that, once applied, the element no longer takes up page space. Other flowing elements slide in to take its place. In many cases, this is the ...