Team:Alberta/application.js

From 2010.igem.org

(Difference between revisions)
Line 3: Line 3:
$(document).ready(function(){
$(document).ready(function(){
   // hide the igem toolbar
   // hide the igem toolbar
-
   $('#top-section').css('marginTop','-=83').addClass("slid-up");
+
   $('#top-section').css('marginTop',-83).addClass("slid-up");
 +
 
   // append a button for sliding down the igem toolbar
   // append a button for sliding down the igem toolbar
   $("#menubar").append(  
   $("#menubar").append(  

Revision as of 01:40, 20 August 2010

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

$(document).ready(function(){

 // hide the igem toolbar
 $('#top-section').css('marginTop',-83).addClass("slid-up");
 // append a button for sliding down the igem toolbar
 $("#menubar").append( 
'
' +
    '<a href="#" title="Slide down the IGEM toolbar.">' +
'Slide down</a>
' );
 $("#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 );
   return false;
 });

});