Открыть-Скрыть блок

[RodgerFox]

Подскажите пожалуйста, как сделать, что бы при клике на ссылку открывался скрытый блок. При нажатии на кнопку, текст в ней менялся на другой и при нажатии на ссылку или вне этого блока, блок который раскрылся опять скрылся.

Я не очень хорошо разбираюсь в этом и часть с нажатием вне блока, который раскрылся, совсем не понятен мне( в плане как реализовать). Большое спасибо заранее.

Пример, как на фриланс.ру поле авторизации

решение:

(function($, window) {
    $.fn.loginPopup = function($popup) {
        var $self = this,
            $window = $(window);

        return this.toggle(
            function() {
                $popup.stop(true,true).fadeIn(300).bind('click.bLogin', function(event){
                    // предотвращаем всплытие события,
                    // т.е. не даем закрыться попапу(см.ниже)
                    event.stopPropagation();
                });
                // скрываем попап если:
                $window.bind('click.bLogin', function(){
                    // до window "прошел" click
                    $self.trigger('click');
                }).bind('keydown.bLogin', function(event){
                        // нажали Escape
                        if(event.keyCode === 27){
                            $self.trigger('click')
                        }
                    });
                return false;
            },
            function(){
                // прячем попап
                $popup.fadeOut(300).unbind('.bLogin');
                $window.unbind('.bLogin');
                return false;
            }
        );
    };
})(jQuery, window);

Инициализация плагина:

$(document).ready(function(){

$('#togglePopup').loginPopup($('#popup'));

});

Подскажите как с ним сделать, что бы при нажатии на ссылку, текст ссылки менялся?

Edited May 27, 2012 by RodgerFox