<div class="spoiler-head">Level 1</div>
<div class="spoiler-body">
    <div class="spoiler-head">Level 2.1</div>
    <div class="spoiler-body">
        <div class="spoiler-head">Level 3.1</div>
        <div class="spoiler-body">
            Hidden Text
        </div>
    </div>

    <div class="spoiler-head">Level 2.1</div>
    <div class="spoiler-body">
        Hidden Text
    </div>
</div>

<h5 class="spoiler-title closed">Показать текст</h5>
<div class="spoiler-body">Текст<br />который<br />должен<br />скрываться<br />и<br />раскрываться.<br />Его очень<br />много<br />и он<br />выезжает.</div>
Код:
1
2
3
4
5
6
.opened {
    color:green;
}
.closed {
    color:blue;
}
$('.spoiler-body').hide();
$('.spoiler-title').click(function(){
    $(this).toggleClass('opened').toggleClass('closed').next().slideToggle();
    if($(this).hasClass('opened')) {
        $(this).html('Скрыть текст');
    }
    else {
        $(this).html('Показать текст');
    }
});