Template:Team:TU Munich/ExCol

From 2012.igem.org

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