title: How to revert the vague background using javascript (hidden using jquery)
body: <p>I have used this way to hide the screen behind a div (<a href="https://stackoverflow.com/questions/9455556/how-can-i-dim-the-rest-of-the-web-page-when-displaying-a-notification-div">How can I &quot;dim&quot; the rest of the web page when displaying a notification DIV?</a>) , I want to ask how to revert the changes in a javascript function, I will call that function on clicking the cross on the div displayed</p>
  
  <p>Here is my code:</p>
  
  <pre><code>function addalbum()
  {
      $('&lt;div id="__msg_wrapper"&gt;').css({
        "width" : "100%"
      , "height" : "100%"
      , "background" : "#000"
      , "position" : "fixed"
      , "top" : "0"
      , "left" : "0"
      , "zIndex" : "50"
      , "MsFilter" : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
      , "filter" : "alpha(opacity=60)"
      , "MozOpacity" : 0.6
      , "KhtmlOpacity" : 0.6
      , "opacity" : 0.6
      }).appendTo(document.body);
  
      document.getElementById("album_name").style.display = "block";
  }
  </code></pre>
  
  <p>This code fade the "wrapper" div and show the div with id "album_name", but how to revert the "wrapper" div to its original state</p>