基于复选框的值，您如何使用JQuery默认显示或隐藏？

Question

我有以下的JQuery：

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

来回切换的形式，如果检测到点击它会隐藏窗体。这在用户取消选中框的情况下效果很好，但当复选框默认为未选中并移至checked时，这没有意义。在这种情况下，当用户单击Offer复选框时，我的代码将隐藏一个优惠表单。

因此如何做到以下几点：

1. 阅读复选框的#promotion_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() 
});