<!-- Это подключение jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Это стили оформления спойлера -->
<style>
    .spoiler .spoiler-link,
    .spoiler.spoiler-close .spoiler-link{
        padding:5px 10px;
        font-size:14px;
        color:#333;
        cursor:pointer;
        margin:5px 0 0 0;
    }
    .spoiler .spoiler-link.active{
        text-decoration:underline;
    }
    .spoiler .spoiler-block{
        padding:6px 10px;
        border:1px solid #ddd;
        background:#fff;
        overflow:hidden;
    }
</style>
<!-- Это скрипт работы спойлера -->
<script>
    $(document).ready(function(){
        $(".spoiler .spoiler-block").show();
        $(".spoiler-close .spoiler-block").hide();
        $(".spoiler .spoiler-link").click(function(){
            $(this).toggleClass("active").next().slideToggle("medium");
        });
    });
</script>

<div class="spoiler spoiler-close">
    <div class="spoiler-link">Заголовок</div>
    <div class="spoiler-block">
        Я не люблю уверенности сытой, -<br>
        Уж лучше пусть откажут тормоза.<br>
        Досадно мне, что слово "честь" забыто<br>
        И что в чести наветы за глаза.<br>
        <br>
        Когда я вижу сломанные крылья -<br>
        Нет жалости во мне, и неспроста:<br>
        Я не люблю насилье и бессилье, -<br>
        Вот только жаль распятого Христа.<br>
        <br>
        Я не люблю себя когда я трушу,<br>
        Обидно мне, когда невинных бьют.<br>
        Я не люблю, когда мне лезут в душу,<br>
        Тем более - когда в нее плюют.<br>
        <br>
        Я не люблю манежи и арены:<br>
        На них мильон меняют по рублю,<br>
        Пусть впереди большие перемены -<br>
        Я это никогда не полюблю!<br>
        <i>/ Высоцкий</i>
    </div>
</div>