Как свести к минимуму мой сценарий jQuery

Question

Я работаю над выполнением простых действий из библиотеки jQuery.

$('#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/

Это очень простой, но мне интересно, есть ли solutiosn для этого сценария сводится на минимум в 1 действии?

Спасибо :-)

Answer 1

Вы можете использовать slideToggle и потерять, если заявления

Answer 2

Здесь я пойти - хотя есть миллионы способов сделать это лучше/красивее/более компактный ... это быстрый в моей голове ...:/

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

[править] Несмотря на то, - это name атрибут на основе - так, вероятно, лучше сделать это по-другому :)

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

Как насчет охватывает обе функции в более общем йот.

Answer 5

Возможно, это?

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