Slide Toggle two different css states
<p>This works awesome when I need it to slide down and up but because of my css there is a double border when its up. So I tried taking out the top border in the main css and adding it after the slide but if someone toggles again its still there. How would I make it so that at first position (when its up) there is no border top and when its at second position (when its down) there is a border top. Here is my code</p>

<pre><code>$('.product').click(function() {
  $('.info').slideToggle('slow', function() {
    $('.product').css( "border-top","1px solid #000" );
  });
});
</code></pre>
