Как изменить функцию селектора после клика

Я пытаюсь создать некоторый jquery, он позволит пользователю нажать на div, чтобы сделать http-запрос. Основная цель, над show/hide, заключается в сокращении HTTP-запросов, поскольку содержимое загружается только тогда, когда пользователь его запрашивает.

Моя функция ниже и, по-видимому, работает некорректно. Но теперь мне нужно "зациклировать" функцию или создать другой экземпляр.

Цель этого - позволить пользователю щелкнуть один и тот же div и скрыть контент.

Любые идеи или предложения о лучших способах этого сделать очень приветствуются!

$(document).ready(function () {
    $('.windguru').click(function () {
        $('.loader').show(400, null, function () {
            alert('loader has been shown')
            $('.windguru-content').load("windguru1.html", function () {
                alert('iframe content loaded, will now close the loader')
                $('.loader').hide(500);
            });
        });
    });
});

Вот jsfiddle: http://jsfiddle.net/5CJ74/