Team:ETH Zurich/tpl/read-more

From 2014.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 3: Line 3:
$(document).ready(function(){
$(document).ready(function(){
-
   $(".carousel .button").click(function() {
+
  var $p, $el, $ps, $up, $r, totalHeight;
 +
 
 +
   $(".carousel .read-more").click(function() {
totalHeight = 0
totalHeight = 0
Line 10: Line 12:
$p  = $el.parent();
$p  = $el.parent();
$up = $p.parent();
$up = $p.parent();
-
$ps = $up.find(":not('.read-more')");
+
$ps = $up.children();
$ps.each(function() {
$ps.each(function() {
totalHeight += $(this).outerHeight();
totalHeight += $(this).outerHeight();
});
});
 +
 +
totalHeight -= $p.height();
$up
$up
.css({
.css({
// Set height to prevent instant jumpdown when max height is removed
// Set height to prevent instant jumpdown when max height is removed
-
"height": $ps.height(),
+
"height": $up.height(),
"max-height": 999999
"max-height": 999999
})
})
.animate({
.animate({
-
"height": totalHeight
+
"height": totalHeight + 280
});
});
Line 34: Line 38:
</script>
</script>
-
 
+
</html>
-
<div class="inner1">
+
-
<header>
+
-
<h1><a href="#main" id="logo" class="scrolly">Project Overview</a></h1>
+
-
</header>
+
-
</div>
+
-
        <div class="inner2">
+
-
<html/>
+

Latest revision as of 18:20, 11 October 2014

Retrieved from "http://2014.igem.org/Team:ETH_Zurich/tpl/read-more"