Template:Team:TU Munich/ExCol

From 2012.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 3: Line 3:
$(document).ready(function() {
$(document).ready(function() {
-
$('h4').parent('div.bezel').children('h4').append("<span style='font-size:50%;float:right;'class='excol'> [Expand]</span>")
+
$('h4').parent('div.bezel').children('h4').append("<span style='font-size:90%;float:right;'class='excol'> [Expand]</span>")
  $('h4').parent('div.bezel').children().not('h4').hide()
  $('h4').parent('div.bezel').children().not('h4').hide()
  $('h4').parent('div.bezel').children('h4').click(function() {
  $('h4').parent('div.bezel').children('h4').click(function() {
-
   if( $(this).parent('div.bezel').children().not('h4').html() == ' [Expand]') {
+
   if( $(this).parent('div.bezel').children('h4').children('span.excol').html() == ' [Expand]') {
-
   $(this).parent('div.bezel').children('h4').children('span').html(' [Collapse]')
+
   $(this).parent('div.bezel').children('h4').children('span.excol').html(' [Collapse]')
   }else {
   }else {
-
   $(this).parent('div.bezel').children('h4').children('span').html(' [Expand]')
+
   $(this).parent('div.bezel').children('h4').children('span.excol').html(' [Expand]')
   }
   }
-
   $(this).parent('div.bezel').children().not('h4').fadeToggle()
+
   $(this).parent('div.bezel').children().not('h4').slideToggle()
  });
  });
  $('h4').parent('div.bezel').children('h4').attr({ onMouseOver: "this.style.cursor='pointer'"})
  $('h4').parent('div.bezel').children('h4').attr({ onMouseOver: "this.style.cursor='pointer'"})
 +
$('h3').parent('div.experiment').children('h3').append("<span style='font-size:90%;float:right;'class='excol'> [Expand]</span>")
 +
$('h3').parent('div.experiment').children().not('h3').hide()
 +
$('h3').parent('div.experiment').children('h3').click(function() {
 +
  if( $(this).parent('div.experiment').children('h3').children('span.excol').html() == ' [Expand]') {
 +
  $(this).parent('div.experiment').children('h3').children('span.excol').html(' [Collapse]')
 +
  }else {
 +
  $(this).parent('div.experiment').children('h3').children('span.excol').html(' [Expand]')
 +
  }
 +
  $(this).parent('div.experiment').children().not('h3').slideToggle()
 +
});
 +
$('h3').parent('div.experiment').children('h3').attr({ onMouseOver: "this.style.cursor='pointer'"})
});
});
</script>
</script>
</html>
</html>

Latest revision as of 17:26, 26 September 2012