Set transparency of a DIV and its contents using jQuery

Question

What is the best way to set the transparency of a HTML DIV element and its contents using jQuery?

Answer 1

Try this properties

$('#my_div').css("opacity", "0.5"); //Immediately sets opacity $('#my_div').fadeTo(0, 0.5); //Animates the opacity to 50% over the course of 0 milliseconds. Increase the 0 if you want to animate it. $('#my_div').fadeIn(); //Animates the opacity from 0 to 100%