Загружать сообщения в div с помощью slideUp/slideDown с помощью jQuery

Я пытаюсь загрузить контент со страниц WordPress в div в пользовательском шаблоне, используя ссылки.

У меня есть один скрытый div, и он должен отображаться с помощью slideDown, когда в него загружается контент.

У меня есть несколько ссылок на разные страницы, которые я хочу загрузить в этот div с помощью onClick или чего-то подобного.

Пример:

Допустим, у меня есть следующие ссылки:
- Ссылка 1 (дом)
- Ссылка 2 (о нас)
- Ссылка 3 (контакт)

Если посетитель нажимает на эти ссылки, должно произойти что-то вроде этого:

Щелкните ссылку 2 --> загрузите в div --> div отображается с помощью слайдера или аналогичного.

Щелкните ссылку 3 --> предыдущее загруженное содержимое исчезает, а содержимое ссылки 2 появляется

Щелкните ссылку 2 (еще раз) --> действие, аналогичное щелчку по ссылке 2...

Щелкните ссылку 1 --> очищает div и скрывает его с помощью функции slideUp или аналогичной.

Если ссылка 2 или 3 активна, и пользователь снова щелкает ту же ссылку --> аналогичное действие, как при нажатии на ссылку 1.

Я нашел несколько фрагментов кода, которые помогут мне на этом пути, но я еще не совсем там.
Вот что у меня есть на данный момент:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
      $('#navigationMenu a').click(function() { // When a menu item is selected
            $('#maincontent').load($(this).attr('href')); // Load its linked page into the div
            return false; // And prevent it following the link
      });
});

function toggleSlider() {
    if ($("#maincontent").is(":visible")) {
        $("#sec-content").animate(
            {
                opacity: "0"
            },
            600,
            function(){
                $("#maincontent").slideUp();
            }
        );
    }
    else {
        $("#maincontent").slideDown(600, function(){
            $("#sec-content").animate(
                {
                    opacity: "1"
                },
                600
            );
        });
    }   
}

</script>

Я нашел этот код в связанных сообщениях здесь, на SO, и это заставляет меня загружать содержимое в div с функциями slideUp/slide/down.
НО он закрывает div, щелкнув ссылку 3 (в примере), поэтому Мне придется щелкнуть ссылку еще раз, чтобы загрузить ее еще раз.
И домашняя ссылка, ссылка 1, еще не делает то, что я хочу.

Надеюсь, что кто-то, у кого есть немного больше знаний об этом, может помочь мне здесь.
Это вообще возможно сделать?

Спасибо!

---- Отредактированный код 08.02.13 ----

<script type="text/javascript">

$(function() {
      $('#navigationMenu a').click(function() { // When a menu item is selected
            $('#maincontent').load($(this).attr('href')); // Load its linked page into the div
            return false; // And prevent it following the link
      });
});

var lastData;
$(function () {
    $("a").click(function(event) {
        loadData($(this).attr("href"));
        event.preventDefault();
    });
});

function loadData(data) {
    if(lastData == data) {
        $("#maincontent").slideUp();
    } else {
        $("#maincontent").html(data);
        $("#maincontent").slideDown();
    }
    lastData = data;
}

</script>

Результат можно увидеть на странице http://tobba.org/no.