Buon giorno ragazzi , vi espongo il mio problema.
Ho sviluppato ( recuperato da un sito ) uno script javascript che mi permette di utilizzare al meglio lo script accordation ( sono quei menu che appaiono dopo il click e scompaiono subito dopo aver aperto gli altri menu)
ecco il codice funziona in questa maniera

prima dichiaro le classi e poi

codice:
<h3 class="onephase">sopra </h3>
<div class="espanso"> sotto</div>
<h3 class="onephase">sopra </h3>
<div class="espanso"> sotto</div>
<h3 class="onephase">sopra </h3>
<div class="espanso"> sotto</div>
<h3 class="onephase">sopra </h3>
<div class="espanso"> sotto</div>

il codice funziona anche se annidato ( in ordine )

codice:
<h3 class="onephase">sopra A</h3>
<h3 class="onephase">sopra B</h3>
<div class="espanso"> sottoa A</div>
<div class="espanso"> sotto B</div>

ok veniamo al problema
io ho un immagine mappata con il tag MAP con delle forme di click dei rettangoli.
io vorrei che all interno della mappa ci sia anziche un semplcie link ( che non funziona ) una classe come inicato sopra.

quindi il div della parte sotto non è un problema per nulla, ma lo è la parte sopra.
ecco il codice del mio mapping

codice:
<map name="nomeMappa"> 
<area href="/index.php/google-apps" shape="rect" coords="783,49, 974,72" />
<area shape="rect" coords="308,107, 725,147" />
<area href="#" shape="rect" coords="784,107, 972,147" />
<area href="#" shape="rect" coords="779,187, 968,206" />
<area href="#" shape="rect" coords="172,251, 508,285" />
<area href="#" shape="rect" coords="523,251, 749,285" />
<area href="#" shape="rect" coords="11,333, 262,369" />
<area href="#" shape="rect" coords="285,390, 760,433" />
<area href="#" shape="rect" coords="173,492, 895,532" />
<area href="#" shape="rect" coords="308,107, 725,147" />
</map>
secondo voi c'è qualche modo per riuscire nel mio intento? mappatura con un link ma collegato ad h3 ?