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--> | ||
- | <!-- | + | <!-- menu --> |
- | + | ||
- | + | ||
<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 --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Revision as of 18:19, 15 January 2015