Выпадающий блок на JQuery и CSS

Выпадающее меню делается достаточно просто на JQuery Для начала нам необходимо подключить библиотеку JQuery, делается это вот так(Подключение выполняется в теге head):

<script src="jquery.js"></script>

После выполненного подключения вставляет сам скрипт:

<script src="jquery.js"></script>
<script>// <![CDATA[
$(document).ready(function(){
    $(".hider").click(function(){
        $("#hidden").slideToggle("slow");
        return false;
    });
});
// ]]></script>

Сделав это создаем ссылку и сам выпадающий блок Ссылку можно сделать двумя способами

<a class="hider">Ссылка</a>
<p class="hider">Абзац</p>

И сам блок который скрыт благодаря свойству displayCode:none

<div id="hidden" style="display: none;">
Скрытый текст
</div>