"

From 2014.igem.org

// JavaScript Document $(document).ready(function(){

 $("#A").click(function(){

$("#right2").css("display","none"); $("#right1").css("display","block"); $("#right span").css("margin-left","100"); $("#right span").css("margin-right","0");

 });
 
 $("#B").click(function(){

$("#right1").css("display","none"); $("#right2").css("display","block"); $("#right span").css("margin-left","110"); $("#right span").css("margin-right","15");

 });
  
 $(".devicea2").click(function(){

$(".pictures").css("display","none"); $(".interface").css("display","none"); $(".devicec1").css("z-index",0); $(".devicea1").css("z-index",1); $(".deviceb1").css("z-index",0); $(".introduce").css("display","block"); $(".title1").css("color","#35a5ca"); $(".title2").css("color","#666"); $(".title3").css("color","#666");

 });
 
 $(".deviceb2").click(function(){

$(".interface").css("display","none"); $(".introduce").css("display","none"); $(".devicec1").css("z-index",0); $(".devicea1").css("z-index",0); $(".deviceb1").css("z-index",1); $(".pictures").css("display","block"); $(".title2").css("color","#35a5ca"); $(".title1").css("color","#666"); $(".title3").css("color","#666");

 });
 
 $(".devicec2").click(function(){

$(".pictures").css("display","none"); $(".introduce").css("display","none"); $(".devicec1").css("z-index",1); $(".devicea1").css("z-index",0); $(".deviceb1").css("z-index",0); $(".interface").css("display","block"); $(".title3").css("color","#35a5ca"); $(".title2").css("color","#666"); $(".title1").css("color","#666");

 });
 

})