Nested Collapsibles
[[html]]
<style type="text/css">
@import url(http://d3g0gp89917ko0.cloudfront.net/v--50456838fc8c/common--theme/base/css/style.css);
@import url(http://d3g0gp89917ko0.cloudfront.net/v--50456838fc8c/common--theme/shiny/css/style.css);
@import url(http://05command.wdfiles.com/local--theme/scp-custom-2/style.css);
</style>

<script type="text/javascript">
function showHide(e)
{
    var el = document.getElementById(e);
    if (el.style.display == "block") {
     el.style.display = "none";
    } else {
     el.style.display = "block";
    }
}
</script>

<div id="firstCollapsible"><a href="#" onClick="showHide('firstText');">COLLAPSIBLE TEXT</a></div>
<div id="firstText" style="display: none;">
SOME TEXT
    <div id="secondCollapsible"><a href="#" onClick="showHide('secondText');">COLLAPSIBLE TEXT</a></div>
    <div id="secondText" style="display: none;">
SOME TEXT
    <div id="thirdCollapsible"><a href="#" onClick="showHide('thirdText');">COLLAPSIBLE TEXT</a></div>
    <div id="thirdText" style="display: none;">
SOME TEXT
    <div id="fourthCollapsible"><a href="#" onClick="showHide('fourthText');">COLLAPSIBLE TEXT</a></div>
    <div id="fourthText" style="display: none;">
SOME TEXT
    <div id="fifthCollapsible"><a href="#" onClick="showHide('fifthText');">COLLAPSIBLE TEXT</a></div>
    <div id="fifthText" style="display: none;">
SOME TEXT
[[/html]]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License