jQuery 스크립트를 최소화하는 방법

Question

jQuery 라이브러리에서 simples 액션을 다루고 있습니다. 여기

$('#hasAccount').click(function() { 
     $('.authForm').slideDown(500, function() { 
      if ($('.shippingAddress').is(':visible')) { 
       $('.shippingAddress').slideUp(250); 
      } 
     }); 
}); 

$('#hasNotAccount').click(function() { 
     $('.shippingAddress').slideDown(500, function() { 
      if ($('.authForm').is(':visible')) { 
       $('.authForm').slideUp(250); 
      } 
     }); 
}); 

는 코드 작업 : 그것은 매우 간단 http://jsfiddle.net/6tZQ2/2/

하지만 한 작업으로이 스크립트를 minimalize 어떤 작성 솔루션이 있는지 궁금하네요?

감사

:-)

Answer 1

당신은 slideToggle를 사용하고 잃을 수있는 문

여기

Answer 2

나중에 가면 - 더 나은/친절/컴팩트 ... 이것이이 할 수있는 수백만의 방법이 있지만 그래서 아마 더 나은 그것을 다른 방법을 할 :)

-이 기반 name 속성은 - 비록/

http://jsfiddle.net/neuroflux/6tZQ2/3/

[편집] : 내 마음 ...에 빠른

Answer 3

내가 JQuery와에 전문가가 아니에요, 그것을 시도 :

$('input[name="account"]').click(function(e) { 
    if(e.target.id == 'hasAccount') { 
     $('.authForm').slideDown(500, function() { 
      if ($('.shippingAddress').is(':visible')) { 
       $('.shippingAddress').slideUp(250); 
      } 
     }); 
    } else { 
     $('.shippingAddress').slideDown(500, function() { 
      if ($('.authForm').is(':visible')) { 
       $('.authForm').slideUp(250); 
      } 
     }); 
    } 
}); 

Answer 4

방법보다 일반적인 DOM에서 두 기능을 포괄 대해.

Answer 5

어쩌면?

http://jsfiddle.net/6tZQ2/16/