POP UP SCRIPTS

Paste the following code under <body> or in the bottom of theme coding:


<!--Hide/show on click-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>
$(document).ready(function(){

$( "#pclick" ).click(function() {
$( '#popen' ).toggle(10)
$( '#popup_box' ).toggle(10)
$( '#pclose' ).toggle(10)
});

$( "#click" ).click(function() {
$( '#sidebar' ).toggleClass('pushed');
$( '#paneltwo' ).toggleClass('pushedtwo');
$( '.clicon' ).toggle(0);
$( '.cricon' ).toggle(0);
});

$( "#aclick" ).click(function(){
$( "#about" ).toggle(0);
$( "#aclick" ).toggleClass("close");
$('.aicon').toggle(0);
});

$( "#lclick" ).click(function(){
$( "#links" ).toggle(0);
$( "#lclick" ).toggleClass("close");
$('.licon').toggle(0);
});

$( "#tclick" ).click(function(){
$( "#tags" ).toggle(0);
$( "#tclick" ).toggleClass("close");
$('.ticon').toggle(0);
});

$( "#fclick" ).click(function(){
$( "#faq" ).toggle(0);
$( "#fclick" ).toggleClass("close");
$('.ficon').toggle(0);
});

$( "#bclick" ).click(function(){
$( "#blogroll" ).toggle(0);
$( "#bclick" ).toggleClass("close");
$('.bicon').toggle(0);
});

$( "#eclick" ).click(function(){
$( "#extra" ).toggle(0);
$( "#eclick" ).toggleClass("close");
$('.eicon').toggle(0);
});

});

</script>

<!-- Saturn icons -->

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<!--Jquery-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>