Team:ETH Zurich/collapsible
From 2013.igem.org
(Difference between revisions)
(11 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 36: | Line 44: | ||
.collapsibleContainer | .collapsibleContainer | ||
{ | { | ||
- | border | + | border:none; |
} | } | ||
Line 49: | Line 57: | ||
padding-top:5px; | padding-top:5px; | ||
padding-left:10px; | padding-left:10px; | ||
- | color: | + | color:Blue; |
+ | font-size:13px; | ||
} | } | ||
Latest revision as of 15:10, 25 October 2013