Как вы по умолчанию, чтобы показать или скрыть с помощью JQuery на основе значения флажка?

Question

У меня есть следующий JQuery:

 $('#promotion_profile_offer').live('click', function(e) {
   $('.nooffer').toggle();
 });

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

Поэтому, как мне сделать следующее:

1. Прочтите значение флажка # promo_profile_offer
2. По умолчанию класс .nooffer скрыт (), если #promotion_profile_offer ложь

Спасибо.

Answer 1

$('#promotion_profile_offer').live('click', function(e) {
   var checked = $(this).is(':checked');

   $('.nooffer')[checked ? 'show' : 'hide']();
 });

Или более легкая для чтения версия:

$('#promotion_profile_offer').live('click', function(e) {
   var checked = $(this).is(':checked');

   if (checked === false) $('.nooffer').hide()
   else $('.nooffer').show()
 });