title: CSS div positioning and jQuery slideUp madness
body: <p><strong>SOLVED</strong> Look at the comments below</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      $('#playlistToggle').click(function(event) {
  
          event.preventDefault();
  
          if($('#playlist').is(":hidden"))
          {
              $('#playlist').slideUp('medium');
          }
  
          else
          {
              $('#playlist').slideDown('medium');
          }
  
      });
  
  });
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
      #playlist_wrapper
      {
          bottom: 30px;
          height: 75px;
          overflow: hidden;
          position: fixed;
          width: 100%;
          background-color: yellow;
      }
  
          #playlist
          {
              background-color: #FF6633;
              border: 1px solid #666666;
              height: 75px;
              width: 920px;
              position: relative;
              bottom: 0;
              margin: 0 auto;
              visibility: hidden;
          }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;a href="#" id="playlistToggle"&gt;Toggle Playlist&lt;/a&gt;
  
  &lt;div id="playlist_wrapper"&gt;
      &lt;div id="playlist"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This script is supposed to slide up the playlist div when you hit the button. However, nothing happens when you hit it. If you change:</p>
  
  <blockquote>
    <p>if($('#playlist').is(":hidden"))</p>
  </blockquote>
  
  <p>To: </p>
  
  <blockquote>
    <p>if($('#playlist').is(":visible"))</p>
  </blockquote>
  
  <p>And change the css #playlist visibility property from "hidden" to "display", then the div slides up to the top, and slides down to the bottom, the exact opposite of what I want it to do. What am I doing wrong here?</p>
  
  <p><strong>EDIT:</strong> To clarify: I need the playlist div to be hidden from the start, and then slide up when I hit the toggle button. </p>