title: show div on click with rest of background blur
body: <p><img src="https://i.stack.imgur.com/YMXa4.jpg" alt="upload and share dialog" /></p>
  <p>after reading some questions here , still i m doubtful about how to make a div appear on click on a link like the one in google plus view all friends , when we click on view all then a div appears on the center of the page and rest of background goes blur/opaque . can any one help me with the code , thanks</p>
  <p>like here when we click on upload photos a div appear and the background gets little blur</p>