Как реализовать развертывание материала? - Joomla 2.5: Общие вопросы

Всем привет. хочу реализовать на сайте вот типо этого (выделено красным на картинке). что был был материал, а при нажатии показать ещё разворачивался далее материал, после ниже появлялась такая же кнопка и  при нажатии её ещё раз материал разворачивался дальше ну и так далее. так реализовано на Google картинки

Код

$(document).ready(function(){
    $("#a").click(function(){
        $("#b").slideToggle("slow");
        $(this).toggleClass("active");
    });
});

спасибо большое. но извиняюсь, куда вставить? куда воткнуть его?

бьюсь уже 2 день не могу найти что править. помогииите

бьюсь уже 2 день не могу найти что править. помогииите

Создаешь файл script.js туда пишешь код, подключи только в index.php ну в дальше CSS