Accordion - in reverse

Accordion - in reverse


Hey Guys,
I've been asked to implement a variation of the Accordion which seems
to fall outside of the scope of the standard implementation. Before I
write too much custom code, I thought I'd run it past you guys to see
if anyone else has had any experience of it.
Basically, as we know, the standard Accordion works as follows:
<ul>
<li>
<div class="always"></div>
<div class="sometimes"></div>
</li>
<li>
<div class="always"></div>
<div class="sometimes"></div>
</li>
</ul>
Where, when hovering over 'always', it's immediate 'sometimes'
following neighbour slides down into view nicely.
Now, what our client has insisted on during the IA process is as
follows:
<ul>
<li>
<div class="sometimes"></div>
<div class="always"></div>
</li>
<li>
<div class="sometimes"></div>
<div class="always"></div>
</li>
</ul>
Where, when hovering over 'always', it's immediate 'sometimes'
preceding neighbour this time slides up into view.
I'm not sure if that made sense, but if it did, has anyone got any
ideas on this?
I'm about to launch into the Accordion code to see if I can modify it
to achieve the desired effect - but I'm very much hoping that someone
might at least be able to point me in the direction of the appropriate
section of code.
If you can help, that'd be fantastic - otherwise, I'll hopefully be
posting my finding to the group at some point soon...
Cheers guys,
Rob Morrissey