MenuTab

From 2014.igem.org

(Difference between revisions)
Line 113: Line 113:
<!-- jquery -->
<!-- jquery -->
-
 
<script ="text/javascript">
<script ="text/javascript">
Line 123: Line 122:
var contentwidth = $('.accordion-header').width();
var contentwidth = $('.accordion-header').width();
$('.accordion-content').css({'width' : contentwidth });
$('.accordion-content').css({'width' : contentwidth });
-
 
var checkIfActive = 0;
var checkIfActive = 0;
Line 137: Line 135:
$('.accordion-header').next().slideToggle().toggleClass('open-content');
$('.accordion-header').next().slideToggle().toggleClass('open-content');
$('.collapseMenu').html("Expand All");
$('.collapseMenu').html("Expand All");
-
 
-
 
}
}
-
 
});
});
-
 
-
 
// The Accordion Effect
// The Accordion Effect
$('.accordion-header').click(function () {
$('.accordion-header').click(function () {
Line 158: Line 151:
}
}
});
});
-
 
return false;
return false;
});
});
-
 
</script>
</script>
-
 
<!-- end of jquery-->
<!-- end of jquery-->
-
<!-- template content -->
+
<!-- menu -->
-
<div id ="contentWrap">
+
-
+
<div id="menuWrap">  
<div id="menuWrap">  
<h4 class="collapseMenu">Expand All</h4>  
<h4 class="collapseMenu">Expand All</h4>  
Line 300: Line 288:
</ul>
</ul>
</div>
</div>
-
 
</div> <!-- this closes the menu div -->
</div> <!-- this closes the menu div -->
-
 
-
</div> <!-- this closes the content wrap div -->
 
-
     
 
-
 
-
 
-
 
-
</div>
 
</html>
</html>

Revision as of 18:19, 15 January 2015