link href='http://fonts.googleapis.com/css?family=Varela+Round|Open+Sans:400,300,600' rel='stylesheet' type='text/css' script src="http://code.jquery.com/jquery-latest.min.js"/script script $(document).ready(function() { $("#loginLink").click(function( event ){ event.preventDefault(); $(".overlay").fadeToggle("fast"); }); $(".overlayLink").click(function(event){ event.preventDefault(); var action = $(this).attr('data-action'); $("#loginTarget").load("ajax/" + action); $(".overlay").fadeToggle("fast"); }); $(".close").click(function(){ $(".overlay").fadeToggle("fast"); }); $(document).keyup(function(e) { if(e.keyCode == 27 && $(".overlay").css("display") != "none" ) { event.preventDefault(); $(".overlay").fadeToggle("fast"); } }); }); /script <style>
Here's some content. Login