title: jQuery slideDown and slideUp strange behaviour
body: <p>I am having a small issue with some jQuery I have written. 
  I have two buttons which both have a hidden div underneath them. When the button is clicked, the appropriate div is then animated into or out of view using slideDown or slideUp.
  The problem I am having is that when the slideUp is called (to hide the div) it is hiding the button as well. This is incorrect as the buttons need to stay where they are and only the divs with the tables in them need to be animated.</p>
  
  <p>I have created a jFiddle below to better explain what I mean:</p>
  
  <p><a href="http://jsfiddle.net/nH5N7/" rel="nofollow">http://jsfiddle.net/nH5N7/</a></p>
  
  <p>And here is my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="rightContent"&gt; 
              &lt;div class="" id="yourAssessments"&gt;
                  &lt;h3&gt;Your Assessments&lt;/h3&gt;
                  &lt;div class="innerPadding"&gt;      
                      &lt;h4&gt;Please choose an assessment: &lt;/h4&gt;          
  
                          &lt;div class="onlineModuleAssessmentWrapper"&gt;
                              &lt;div class="assessmentButton" data-assessment-id="1"&gt;Swim Instructor Default&lt;/div&gt;
                              &lt;div data-assessment-id="1" class="assessmentTableWrap"&gt;
                                  &lt;table&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Planning                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Doing It                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Learning and Communication Styles/Techniques                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Debrief                                             &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                                                          &lt;/table&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="onlineModuleAssessmentWrapper"&gt;
                              &lt;div class="assessmentButton" data-assessment-id="3"&gt;Test Assessment 3&lt;/div&gt;
                              &lt;div data-assessment-id="3" class="assessmentTableWrap"&gt;
                                  &lt;table&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Planning                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Doing It                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Learning and Communication Styles/Techniques                                                &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td&gt;
                                                  Debrief                                             &lt;/td&gt;
                                              &lt;td&gt;
                                                  Compelted
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                                                          &lt;/table&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>jQuery(".assessmentTableWrap").hide();
  jQuery(document).on("click", '.assessmentButton', function () {
      var linkedAssessmentId = jQuery(this).attr("data-assessment-id");
      if (jQuery("div[data-assessment-id=" + linkedAssessmentId + "]").is(":hidden")) {
          jQuery("div[data-assessment-id=" + linkedAssessmentId + "]").slideDown("slow");
      } else {
          jQuery("div[data-assessment-id=" + linkedAssessmentId + "]").slideUp("slow");
      }
  });
  </code></pre>
  
  <p>Can anybody see why this is happening or where I am going wrong?
  Thanks!!</p>