toggle interakcia

Mám sériu boxov, kde cez button na boxe aktivujem infoarea oblasť vo vnútri konkrétneho boxu.

Potrebujem aby platila táto toggle interakcia:

- klikom na button v príslušnom boxe zapnem/vypnem infoarea oblasť pre tento box
- ak je v boxe zapnutá infoarea oblasť, prvý klik na button v inom boxe vypne infoarea oblasť a zapne ju v príslušnom boxe
- ak kliknem hocikde inde mimo buttonu, infoarea oblasť sa vždy vypne.

Ako upraviť môj skript aby fungovala aj druhá možnosť interakcie ?

Live ukážka:

jsfiddle.net/vo246eqa


EDIT:
Tak som doplnil aj druhú možnosť interakcie, ale asi existuje aj lepšie riešenie než zavesiť event handler na každý button...nejaké nápady ?

Live ukážka update:

jsfiddle.net/vo246eqa/1