title: JQuery .show() method not Working After .hide
body: <p>I am working with a JQuery script that allows a checkbox (its class name is "adminCheckBox") to show or hide various objects on the screen based on whether or not it is checked.</p>
  
  <p>The hiding function works fine. However, after the elements have been hidden and I press the checkbox again, the elements do not appear again. Are there any ideas as to why this may be? Thank you.</p>
  
  <pre><code>$(document).ready(function(){
  
  $(".adminCheckbox").click(function(){
  
             if(!document.getElementsByClassName("adminCheckBox").checked){
  
              $(".deleteImageButton").hide(500);
              $(".addHeading").hide(500);
              $(".deleteHeadingButton").hide(500);
              $(".fileUpload").hide(500);
              $(".fileUploadSubmit").hide(500);    
  
             }else{
  
              $(".deleteImageButton").show();
              $(".addHeading").show();
              $(".deleteHeadingButton").show();
              $(".fileUpload").show();
              $(".fileUploadSubmit").show();    
  
             }    
  
          }); 
          });
  </code></pre>
  
  <p>Below is the HTML for the checkbox in question.</p>
  
  <pre><code>        &lt;br&gt;&lt;div class="adminControls"&gt;&lt;input type="checkbox" class="adminCheckbox"         checked="checked"&gt;&lt;div class="checkBoxText"&gt;&amp;nbsp;&amp;nbsp;Admin Controls&lt;/div&gt;&lt;/div&gt;
  </code></pre>