Как скрывать менять 3 блока на ajax?

Question

[Евгений Шевцов]

Есть вот такой скрипт.

$('#pop_login, #pop_signup').live('click', function (e) {
        formToFadeOut = $('form#register');
        formtoFadeIn = $('form#login');
        if ($(this).attr('id') == 'pop_signup') {
            formToFadeOut = $('form#login');
            formtoFadeIn = $('form#register');
        }	
        formToFadeOut.fadeOut(500, function () {
            formtoFadeIn.fadeIn();
        })
        return false;
    });

Работает он с двумя формами form#registerи form#login

Как сделать, чтобы он работал еще с одной формой form#lost ?

Answer 1

[Дмитрий]

$('#pop_login, #pop_signup,# #pop_lost').on('click', function (e) {
  	var that = this;
	$(this).fadeOut(500, function() {
		$('#pop_login, #pop_signup,# #pop_lost').not(that).fadeIn();
	});
 });

Comments

[Евгений Шевцов]

Чет не работает ваш вариант

[Дмитрий]

Евгений Шевцов: исправил

[Евгений Шевцов]

Дмитрий: Тоже нет. Ну или я его не правильно применяю.
Замечу, что id форм register, login и lost

[Дмитрий]

замените ('#pop_login, #pop_signup,# #pop_lost') на ('#register,#login,#lost')

[Евгений Шевцов]

Дмитрий: Ну это я догадался сделать, но все же не работает=)

[Дмитрий]

Евгений Шевцов: нажимаемый див пропадает?

[Дмитрий]

Дмитрий: я там еще live на on менял, версия jquery какая?

[Дмитрий]

Все работает: jsbin.com/gukirunalu/1/edit?html,js,output