Team:Alberta/application.js

From 2010.igem.org

// This file for javascript that we want to include on all pages

$(document).ready(function(){

 // hide the igem toolbar
 $('#top-section').hide().addClass("slid-up");
 // append a button for sliding down the igem toolbar
 $("#menubar").append( 

    '<a href="#" title="Slide down the IGEM toolbar.">' +

 $("#show-toolbar-btn").click( function(){    
   var top = $('#top-section');
   // amount to move the top
   var distance = '83';
   if( top.hasClass( "slid-up" ) ){
     top.removeClass( "slid-up" );
     var direction = '+=';
   }
   else {
     top.addClass('slid-up');
     var direction = '-=';
   }
   top.animate({
       marginTop: (direction + distance),
   }, 3000 );

 });

});