title: CSS Pseudo Lag with jQuery slideToggle
body: <p>I am using the CSS pseudo <code>:before</code> to create an arrow in a navigation bar I have and am also using jQuery <code>slideToggle()</code> to display the <code>ul</code> in that way. However, when you hover over it, the transition will still happen but the arrow will have a slight delay and then appear. To see an example which is much easier as you can see it happen, see <a href="http://applefanatic.co.uk" rel="nofollow">http://applefanatic.co.uk</a> and hover over "iPad" for example.</p>
  
  <p>I am new to jQuery so I might be missing something. I know the jQuery code works, it's just the delay I am having.</p>
  
  <p>Thanks.</p>
  
  <p>EDIT: Changed the navigation bar and removed the CSS arrow, this is no longer relevant but will leave the question here in case others need the help.</p>