Eric Matthys

Isolation

Isolation is a simple JQuery plugin that lets you easily create an overlay behind selected elements. Two CSS classes must be defined for the plugin to work properly: isolation-background and isolation-element. The isolation-element class must be position: relative and have a greater z-index than isolation-background.

.isolation-background {
    background: #000;
    z-index: 99;
}

.isolation-element {
    position: relative;
    z-index: 100;
}

• Simple

  $( "a" ).isolation();
  

• w/ Options

  $( "a" ).isolation( {
      opacity: .8, 
      speed: "slow"
  });
  

• w/ Callback

  $( "a" ).isolation(
      { opacity: 1, speed: 800 },
      function() {
          $( "#hide" ).fadeIn();
      }
  );