"
Template:Team:TU Munich/ExCol
From 2012.igem.org
(Difference between revisions)
| (2 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: | + | $('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() { | ||
| Line 11: | Line 11: | ||
$(this).parent('div.bezel').children('h4').children('span.excol').html(' [Expand]') | $(this).parent('div.bezel').children('h4').children('span.excol').html(' [Expand]') | ||
} | } | ||
| - | $(this).parent('div.bezel').children().not('h4'). | + | $(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
