fading everything but div out like blockUI

Question

I have a fiddle here that has a big blue div. When i click the button, i'd like to select everything but the div and fade it out.

I've tried things like $("body :not('#myBody')").css({opacity : '0.1'}); and things like this but nothing has worked yet.

I've also looked through the blockUI code, but couldn't quite comprehend it.

How do you all fade background elements out? enter link description here

Answer 1

You had the wrong id and quotes around your opacity. This fiddle works with this code:

 $("body :not('#box')").css({opacity: 0.1});