title: How do you slideToggle a div if a link has a class activated?
body: <p>I know... it's a bit confusing.... </p>
  
  <p>So I have:</p>
  
  <pre><code>   $("div nav ul li a").click(function () {
      $(this).toggleClass("red");
     });
  </code></pre>
  
  <p>and my question is, how do you <strong>slideToggle</strong> a div if class IS "red" on "div nav ul li a"??</p>
  
  <pre><code>   $("div nav ul li a").click(function () {
      $(this).toggleClass("red");
     if (........... here?
      });
  </code></pre>
  
  <p>My div...</p>
  
  <pre><code>   &lt;div id="popout" style="display:none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I can't figure it out... help!</p>