todey

А какая религия не позволяет взять скрипт прямо с того сайта?

$("#arrowheader").on('click', function(){ 
    if ($(".header-middle").height() == 150) {
        $(".header-middle").height(20);
        $(".header-middle div").height(20);
        $("#arrowheader").attr("class","icon-arrow-down")
    } else {
        $(".header-middle").height(150);
        $(".header-middle div").height(150);
        $("#arrowheader").attr("class","icon-arrow-up")
    }
});

Кода никакого Вы не предоставили, поэтому напишу простой пример, по которому поймёте смысл.
Html код:

<div id="dialog">Иконка или "диалог"</div>
<div class="content">
    Тут начальное содержимое Ваше.
</div>
<div class="test" style="display: none">
    Тут содержимое диалога
</div>

Jquery код:

$('#dialog').click(function(){
    $('.content').hide(); // Скрывает начальное содержимое.
    $('.test').show(); // Показывает содержимое диалога.
});

Или же, если у Вас всё разбито на шаблоны, то можно вместо show() и hide() использовать .load().
Если я, конечно, понял, что Вы имели в виду.