title: jQuery + CoffeeScript, slideToggle only hiding then showing again
body: <p>I'm trying to create a FAQ page where a question turns to red when clicked and it's answer slides down, while all the other answers slide up. So at any one time only one answer is open, and only if open it's question will be highlighted red.</p>
  
  <p>This is probably quite simple to achieve but I don't have much experience with javascript... So far everything is working fine if I click on different questions, but clicking on the same question while it is open will close it and then re-open it:</p>
  
  <pre><code>window.toggle_info = $ -&gt;
    $('.toggle-button').click -&gt;
      $('.toggle-button').removeClass("red-reply") unless $(this).hasClass('red')
      $('.toggle-info').slideUp("slow")
      $(this).next('.toggle-info').slideToggle("slow")
      $(this).toggleClass("red")
  </code></pre>
  
  <p>I've tried using <code>.not('red')</code>  <code>.not('.red')</code> <code>:not('red')</code> in various ways on the <code>$('.toggle-info').slideUp("slow")</code> line but it's not working.</p>
  
  <p>The color toggle is working fine in all cases.</p>
  
  <p>Thanks for your time :)</p>