Team:IIT Madras/testpage

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
<script type="text/javascript">
<script type="text/javascript">
jQuery( document ).ready( function( $ ) {  
jQuery( document ).ready( function( $ ) {  
-
$("#block1_launch").click(function(){
+
 
 +
$("#block1_launch").toggle(function(){
$("#block1").fadeIn();
$("#block1").fadeIn();
 +
},
 +
function(){
 +
$("#block1").fadeOut();
});
});
-
$("#block2_launch").click(function(){
+
 
 +
$("#block2_launch").toggle(function(){
$("#block2").fadeIn();
$("#block2").fadeIn();
 +
},
 +
function(){
 +
$("#block2").fadeOut();
});
});
 +
$("#block3_launch").toggle(function(){
$("#block3_launch").toggle(function(){
$("#block3").fadeIn();
$("#block3").fadeIn();
Line 17: Line 26:
function(){
function(){
$("#block3").fadeOut();
$("#block3").fadeOut();
 +
});
 +
 +
$("#block4_launch").toggle(function(){
 +
$("#block3").fadeIn();
 +
},
 +
function(){
 +
$("#block4").fadeOut();
});
});
});
});
Line 74: Line 90:
<div id="block2_launch" style="width:120px; height:65px; display:block; position:absolute; left:483px; top:86px; z-index:100"></div>
<div id="block2_launch" style="width:120px; height:65px; display:block; position:absolute; left:483px; top:86px; z-index:100"></div>
<div id="block3_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:176px; z-index:100"></div>
<div id="block3_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:176px; z-index:100"></div>
 +
<div id="block4_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:176px; z-index:100"></div>
<div id="block1"></div>
<div id="block1"></div>
<div id="block2"></div>
<div id="block2"></div>

Revision as of 13:37, 10 September 2011

bar