Условие IF не работает должным образом

Question

В этом коде im, сравнивая, если привязанный якорь имеет другую строку атрибута rel в сравнении с строкой id формы.

$('.title a').each(function(i){ 
    $('.title a:eq('+i+')').click(function(e){ 
     e.preventDefault(); 

     $('.title a').removeClass('active'); 
     $(this).addClass('active'); 

     var rel  = $(this).attr('rel'), 
      formId = $('form').attr('id'); 

     if (formId!=rel) { 
      $('form[id!='+rel+']').fadeOut(200, function(){ 
       $('form[id='+rel+']').fadeIn(200); 
      }); 
     } 
    }); 
}); 

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

jsfiddle: http://jsfiddle.net/z4MMw/

Answer 1

Вы можете попробовать:

$('.title a').click(function(e){ 
    e.preventDefault(); 

    $('.title a').removeClass('active'); 
    $(this).addClass('active'); 

    var rel = $(this).attr('rel'); 

    $('form#' + rel).fadeIn(200, function(){ 
    $('form:not(#' + rel + ')').fadeOut(200); 
    }); 
}); 

Я перевернутый замирает, поэтому, если есть форма с заданным идентификатором, он будет fadeId, в противном случае ичто будет.