Team:ETH Zurich/collapsible
From 2013.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 26: | Line 26: | ||
// The item clicked is the title div... get this parent (the overall container) and toggle the content within it. | // The item clicked is the title div... get this parent (the overall container) and toggle the content within it. | ||
$(".collapsibleContainerContent", $(this).parent()).slideToggle(); | $(".collapsibleContainerContent", $(this).parent()).slideToggle(); | ||
+ | |||
+ | strBefore = "collapse"; | ||
+ | str = "expand"; | ||
+ | if ($(this).children('.collapsibleContainerTitle div').html().indexOf("expand") >= 0) | ||
+ | { | ||
+ | str = [strBefore, strBefore = str][0]; | ||
+ | } | ||
+ | $(this).children('.collapsibleContainerTitle div').html($(this).children('.collapsibleContainerTitle div').html().replace(strBefore, str)); | ||
} | } | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 50: | Line 58: | ||
padding-left:10px; | padding-left:10px; | ||
color:Blue; | color:Blue; | ||
- | font-size: | + | font-size:13px; |
} | } | ||
Latest revision as of 15:10, 25 October 2013