Не удается скрыть абзац, когда флажок снят

Question

Я пытаюсь скрыть абзац, когда флажок снят, сейчас я могу отображать только когда он установлен.

вот мой jquery:

$('.pharmacy').click(function(){
$('.pcsoc').show();
});

Что я могу сделать, чтобы скрыть абзац, когда он не отмечен?

Answer 1

Привязать к событию change вместо:

$('.pharmacy').change(function(e){
  $('.pcsoc').toggle();
});

Или вы можете проверить, если .is(':checked') и сделать свою собственную скрыть / показать (более пуленепробиваемые).

$('.pharmacy').change(function(e){
  if ($(this).is(':checked'))
    $('.pcsoc').show();
  else
    $('.pcsoc').hide();
});

Answer 2

Попробуйте:

$('.pharmacy').click(function(){
  $('.pcsoc').toggle();
});

Answer 3

Вам нужно проверить, если он отмечен или не отмечен:

$('.pharmacy').click(function(){
  if ($(this).is(':checked')) {
    $('.pcsoc').show();
  }
  else $('.pcsoc').hide();
});

РЕДАКТИРОВАТЬ Вероятно, лучше привязать к методу change(), как предложил Брэд Кристи.

Answer 4

Вы можете проверить, установлен ли флажок, и ответить соответствующим образом:

$('.pharmacy').click(function() {
    if(this.checked)
        $('.pcsoc').show();
    else
        $('.pcsoc').hide();
});