SimplePopup.js

A lightweight responsively-behaving jQuery popup plugin, without all of the extra junk.

All you have to do is give a container element the CSS class of .simplePopup. Then on whatever event you like simply call simplePopup on this element.

View Demo

$(document).ready(function(){

    $('a.show1').click(function(){
        $('#pop1').simplePopup();
    }); 
  
});

You can do this for as many different elements as you like...

$(document).ready(function(){

    $('a.show1').click(function(){
        $('#pop1').simplePopup();
    }); 

    $('a.show2').click(function(){
        $('#pop2').simplePopup();
    }); 
  
});

Options

Below is a listing of options you can set....

Option	Value	Default Value	Description	Example
centerPopup	Boolean	true	This setting configures whether the popup is dynamically centered in the viewport when opened	centerPopup: false
open	Function	function() { }	Callback function that fires when popup is opened	open: function() { console.log("Menu opened"); }
closed	Function	function() { }	Callback function that fires when popup is closed	closed: function() { console.log("Menu closed"); }