title: Issue with using slidedown jquery
body: <p>I am using google visualization tables in my page. For each table element, a select event has been set as following:</p>
  
  <pre><code> google.visualization.events.addListener(core_table_stats, 'select', selectHandler);
  </code></pre>
  
  <p>The handler is as follows, it opens up a new panel depending upon the content of the row selected:</p>
  
  <pre><code> function selectHandler(e){
                  var code=data.getValue(core_table_stats.getSelection()[0].row,0);
                  var url="index.jsp?no_menu=true&amp;dashboard=byCodeQualifier&amp;messageCode="+code+"&amp;messageQualifier=SYNC_FAIL";
                  $('#detailFrame').attr('src', url);
                  $('#detailPanel').show('slide',{ direction: 'down' },400);
               }
  </code></pre>
  
  <p>However, the problem I am facing is that the headers of the table core_table_stats in the base page are visible even on the panel that opens up. How do I hide those headers?</p>
  
  <p>Here is the html that is being used. </p>
  
  <pre><code>&lt;table width='100%'&gt;
          &lt;tr&gt;
              &lt;td align='center' valign='center'  width='350'&gt;
                  &lt;ul class="nav nav-pills" style="width:300px;margin:auto;"&gt;
                   &lt;li class="well well-sm"  style="width:300px;margin:auto;pading:2px;"&gt;CP &gt; APP&lt;span class="badge" id="in" style="font-size:large;"&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/td&gt;
              &lt;td align='center' valign='center' width='350' colspan='2'&gt;
                  &lt;ul class="nav nav-pills" style="width:300px;margin:auto;"&gt;
                   &lt;li class="well well-sm"  style="width:300px;margin:auto;pading:2px;"&gt;APP&gt; APP2 &lt;span class="badge" id="in" style="font-size:large;"&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/td&gt;
              &lt;td align='center' width='275'&gt;
                  &lt;ul class="nav nav-pills" style="width:350px;margin:auto;"&gt;
                   &lt;li class="well well-sm"  style="width:300px;margin:auto;"&gt;Success &lt;span class="badge" id="success-int" style="font-size:large;"&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td valign="top"&gt;
                 &lt;br/&gt;
                 &lt;div class="panel panel-warning" style="width:380px;margin:auto;"&gt;
                      &lt;div class="panel-heading" style="background-color: #0174DF"&gt;
                          &lt;h3 class="panel-title"&gt;Fallouts&lt;/h3&gt;
                      &lt;/div&gt;
                      **&lt;div class="panel-body"&gt;
                          &lt;div id="core_stats_table"  style="width: 360px;height: 450px;"&gt;&lt;/div&gt;**
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td align='center' width='325' style="vertical-align:top;"&gt;
                  &lt;h4&gt;APP1&lt;/h4&gt;
                  &lt;div id="pass_fail" class="well well-sm" style="width: 280px; height: 200px;"&gt;&lt;/div&gt;
                  &lt;div id="core_stats" class="well well-lg" style="width: 280px; height: 300px;"&gt;&lt;/div&gt;
              &lt;/td&gt;
              &lt;td align='center' width='325' style="vertical-align:top;"&gt;
                  &lt;h4&gt;Turbo Map&lt;/h4&gt;
                  &lt;div id="tm_pass_fail" class="well well-sm" style="width: 280px; height: 200px;"&gt;&lt;/div&gt;
                  &lt;div id="tm_stats" class="well well-lg" style="width: 280px; height: 300px;"&gt;&lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;br/&gt;
                  &lt;div class="panel panel-warning" style="width:380px;margin:auto;"&gt;
                          &lt;div class="panel-heading"  style="background-color: #0174DF"&gt;
                              &lt;h3 class="panel-title"&gt;Fallouts&lt;/h3&gt;
                          &lt;/div&gt;
                          &lt;div class="panel-body"&gt;
                              &lt;div id="tm_stats_table" style="width: 360px;height: 450px;"&gt;&lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
           &lt;/tr&gt;
           &lt;/table&gt;
           &lt;div id='detailPanel' style='padding: 15px;display:none;position:fixed;left:0px;top:100px;height:800px;width:100%;'&gt;
              &lt;a href='#' onclick="$('#detailPanel').hide('slide',{ direction: 'down' },250);return false;"&gt;Close&lt;/a&gt;&lt;br/&gt;
              &lt;iframe id='detailFrame' name='detailFrame' width='100%' height='790'&gt;&lt;/iframe&gt;
           &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas? Please let me know if the problem is not completely understood</p>