Difference between revisions of "Template:Team:NUS Singapore/JS"

Line 1,738: Line 1,738:
 
$( "#canvas" )
 
$( "#canvas" )
 
  .mouseleave(function() {
 
  .mouseleave(function() {
$('#Cancer_cell_body_text').css('display', 'none');
+
$('.Cancer_cell_body_text').css('display', 'none');
 
$('#Cancer_cell_body').css('opacity', '1');
 
$('#Cancer_cell_body').css('opacity', '1');
 +
$('#Lactate').css('opacity', '1');
  
 
  $('#CD44v6_text').css('display', 'none');
 
  $('#CD44v6_text').css('display', 'none');
 
  $('#CD44v6').css('opacity', '1');
 
  $('#CD44v6').css('opacity', '1');
  
  $('#Invasin_and_LLO_text').css('display', 'none');
+
  $('.Invasin_and_LLO_text').css('display', 'none');
 
  $('#Invasin_and_LLO').css('opacity', '1');
 
  $('#Invasin_and_LLO').css('opacity', '1');
  
Line 1,756: Line 1,757:
 
  .mouseenter(function() {
 
  .mouseenter(function() {
 
  $('#Cancer_cell_body').css('opacity', '0.2');
 
  $('#Cancer_cell_body').css('opacity', '0.2');
  $('#Cancer_cell_body_text').css('display', 'none');
+
  $('#Lactate').css('opacity', '0.2');
 +
  $('.Cancer_cell_body_text').css('display', 'none');
 
  $('#Quorum_Sensing').css('opacity', '0.2');
 
  $('#Quorum_Sensing').css('opacity', '0.2');
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
  $('#Invasin_and_LLO_text').css('display', 'none');
+
  $('.Invasin_and_LLO_text').css('display', 'none');
  
 
  $('#CD44v6').css('opacity', '1');
 
  $('#CD44v6').css('opacity', '1');
Line 1,782: Line 1,784:
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
  $('#Invasin_and_LLO_text').css('display', 'none');
+
  $('.Invasin_and_LLO_text').css('display', 'none');
  
  
    $('#Cancer_cell_body_text').css('display', 'block');
+
    $('.Cancer_cell_body_text').css('display', 'block');
 
    $('#Cancer_cell_body').css('opacity', '1');
 
    $('#Cancer_cell_body').css('opacity', '1');
    $('#Cancer_cell_body_text').textillate({ in: {  
+
    $('#Lactate').css('opacity', '1');
 +
    $('.Cancer_cell_body_text').textillate({ in: {  
 
    effect: 'fadeInRightBig',
 
    effect: 'fadeInRightBig',
 
    sync: true
 
    sync: true
Line 1,793: Line 1,796:
 
  })
 
  })
 
  .mouseleave(function() {
 
  .mouseleave(function() {
  $('#Cancer_cell_body_text').css('display', 'none');
+
  $('.Cancer_cell_body_text').css('display', 'none');
  $('#Cancer_cell_body_text').textillate('start');
+
  $('.Cancer_cell_body_text').textillate('start');
 
});
 
});
  
Line 1,803: Line 1,806:
 
    $('#CD44v6').css('opacity', '0.2');
 
    $('#CD44v6').css('opacity', '0.2');
 
  $('#Cancer_cell_body').css('opacity', '0.2');
 
  $('#Cancer_cell_body').css('opacity', '0.2');
  $('#Cancer_cell_body_text').css('display', 'none');
+
  $('#Lactate').css('opacity', '0.2');
 +
  $('.Cancer_cell_body_text').css('display', 'none');
 
  $('#Quorum_Sensing').css('opacity', '0.2');
 
  $('#Quorum_Sensing').css('opacity', '0.2');
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
  $('#Quorum_Sensing_text').css('display', 'none');
 
     
 
     
  
    $('#Invasin_and_LLO_text').css('display', 'block');
+
    $('.Invasin_and_LLO_text').css('display', 'inline');
 
    $('#Invasin_and_LLO').css('opacity', '1');
 
    $('#Invasin_and_LLO').css('opacity', '1');
    $('#Invasin_and_LLO_text').textillate({ in: {  
+
    $('.Invasin_and_LLO_text').textillate({ in: {  
 
    effect: 'fadeInDownBig',
 
    effect: 'fadeInDownBig',
 
    sync: true
 
    sync: true
Line 1,816: Line 1,820:
 
  })
 
  })
 
  .mouseleave(function() {
 
  .mouseleave(function() {
  $('#Invasin_and_LLO_text').css('display', 'none');
+
  $('.Invasin_and_LLO_text').css('display', 'none');
  $('#Invasin_and_LLO_text').textillate('start');
+
  $('.Invasin_and_LLO_text').textillate('start');
 
});
 
});
  
Line 1,826: Line 1,830:
 
    $('#CD44v6').css('opacity', '0.2');
 
    $('#CD44v6').css('opacity', '0.2');
 
  $('#Cancer_cell_body').css('opacity', '0.2');
 
  $('#Cancer_cell_body').css('opacity', '0.2');
  $('#Cancer_cell_body_text').css('display', 'none');
+
  $('#Lactate').css('opacity', '0.2');
 +
  $('.Cancer_cell_body_text').css('display', 'none');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
 
  $('#Invasin_and_LLO').css('opacity', '0.2');
  $('#Invasin_and_LLO_text').css('display', 'none');
+
  $('.Invasin_and_LLO_text').css('display', 'none');
 
     
 
     
  

Revision as of 14:39, 4 October 2016