title: jQuery if statement to change CSS
body: <p>This code is about pressing the button which makes the text toggle (show/hide):</p>
  
  <pre><code>jQuery('Button']').click(function () {
      jQuery('#text').slideToggle('fast', function () {});      
      if (jQuery('#text').css('display') == 'block') {
          jQuery('#dropdown1arrow').css({"border-top":"0px"});
          jQuery('#dropdown1arrow').css({"border-bottom":"7px solid #0767B1"});            
         }
      if (jQuery('#text').css('display') == 'none') {
          jQuery('#dropdown1arrow').css({"border-bottom":"0px"});
          jQuery('#dropdown1arrow').css({"border-top":"7px solid #0767B1"});        
         }    
  });
  </code></pre>
  
  <p>Everything works except the display:none, anyone got any idea why/how to fix  this?</p>