Question

I am trying to hide a paragraph when a check box is unchecked right now I can only display when it is checked.

here is my jquery:

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

What can I do to hide the paragraph when it is unchecked?

Answer 1

Bind to the change event instead:

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

Or you can check if .is(':checked') and make your own hide/show (more bullet-proof).

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