Fleche sur menu déroulant

Bonjour.

J'aurais aimer avoir une fleche descendant lorsque mon menu déroulant n'est pas dérouler, et une fleche qui monte lorsqu'il est dérouler.

Comment faire ?

<div id="topbar">
<div><span onclick="toggleNavPanel('sections_panel')"><span style="text-decoration: underline;"><span onclick="toggleNavPanel('sections_panel')"><br /></span></span></span></div>
<div><span style="text-decoration: underline;"><span onclick="toggleNavPanel('sections_panel')">Q: Comment nous contacter ?</span></span></div>
<div id="sections_panel">
<div style="font-size: 13px;">R: Vous pouvez nous contacter dans la section "contact" en bas de la page via notre <a href="http://www.cosplay-heaven.com/index.php/nous-contacter" target="_self">formulaire de contact</a> ou en envoyant un mail &agrave; contact@cosplay-heaven.com</div>
</div>
</div>