Hallo nochmal!
Für deinen Wunsch müsste es eine Möglichkeit geben, für die zwei unterschiedlichen Zustände (zu/ aufgeklappt) auch unterschiedliche Eigenschaften zu definieren. Das ist jedoch nicht möglich, weil dazu in CSS nichts existiert.
Eventuell kannst du aber mit den http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklassen (insb. :focus) etwas "basteln". Wobei das imho nur zu einem "Geruckel" auf der Seite führt, wenn die Box dann ständig ihre Breite ändert.
Ansonsten hilft ggf. auch eine JS basierte Lösung weiter.
Gruß Gunther