title: jQuery .slideUp() not working
body: <p>I've ran into a problem that I can't seem to understand.</p>
  
  <p>Here is my code for jQuery:</p>
  
  <pre><code>var doc = document;
  var win = window;
  $(doc).ready(function(){
          $('.t').click(function(){
              $('#Notify').slideUp(600);          
          });
  });
  </code></pre>
  
  <p>The code was a lot longer, but I shortened it up where it's just the problem.</p>
  
  <p>here is my CSS for <code>#Notify</code></p>
  
  <pre><code>#Notify {
      display: none;
      bottom: 0;
      right: 0;
      position: fixed;
      background: rgba(0,0,0,0.6);
      height: 100px;
      width: 100%;
  }
  </code></pre>
  
  <p>Oddly, this doesn't seem to make anything happen all together, but when I remove the <code>display: none;</code> and click the <code>.t</code> it will slide down and disappear.</p>