title: How to slide toggle a pseudo element?
body: <p>As you can see in this <a href="http://jsfiddle.net/SZWmd/2/" rel="nofollow">jsfiddle</a>, when you click the menu button, the little triangle that points to the button is only shown after the animation has finished. I'd like the animation to start with the pseudo element and only then proceed to the drop-menu element. How can I accomplish this?</p>
  
  <p>A solution doesn't necessarily have to use javascript, CSS3 will be most welcome, I'm not worried about compatibility issues.</p>