Чередование второго щелчка jQuery не работает?

http://jsfiddle.net/motocomdigital/uTV5k/18/

Я обновил с помощью переключателя вместо щелчка, хотя до сих пор не могу получить плавное чередование.

У меня есть смесь javascript и jquery.

Я пытаюсь получить элемент, поэтому при нажатии на него запускается анимация (открывается). А по второму клику анимация доходит до начальной точки (закрыть).

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

$('.home-module').toggle - это бит, с которым у меня проблемы.

Смотрите скрипт ниже...

$(window).load(function(){

    $(window).bind("orientationchange resize", function(e) {

        $('.home-module').each(function() {

            var homeModule  = $(this).height(),
                homeTitle   = $(this).find('.home-title-button').outerHeight(),
                homeStart   = homeModule - homeTitle,
                homeOpen    = false;

            $(this).find('.home-title').css("top", homeStart + "px");

            $('.home-module').toggle(
                function() {
                    // first alternation
                    $(this).find('.home-title').animate({ top: homeStart + "px" });
                },
                function() {
                    // second alternation
                    $(this).find('.home-title').animate({ top: 0 + "px" });
                }
            );

        }); 

    }).trigger("resize");

});

Кажется, что он действительно не реагирует на нажатие анимации, а второй щелчок / чередование действительно задерживается и делает странные вещи?

Спасибо

Мой исходный код...

$(window).load(function(){

    $(window).bind("orientationchange resize", function(e) {

        $('.home-module').each(function() {

            var homeModule  = $(this).height(),
                homeTitle   = $(this).find('.home-title-button').outerHeight(),
                homeStart   = homeModule - homeTitle,
                homeOpen    = true;

            $(this).find('.home-title').css("top", homeStart + "px");

            $('.home-module').on('click', function () {

                if (homeOpen) {

                    $(this).find('.home-title').animate({ top: homeStart + "px" });
                    homeOpen = false;

                } else {

                    $(this).find('.home-title').animate({ top: 0 + "px" });
                    homeOpen = true; 

                }
            });

        }); 

    }).trigger("resize");

});