Product details on category page (using accordion)

[Watto]

Hi guys,

I'm trying to replicate a site like this one:

http://www.yessian.com/search/

...and I've managed to set it up quite well, using bytelord's code on this page:

http://forum.virtuemart.net/index.php?topic=109953.0

...which puts the product details in a modal lightbox without leaving the category page.

The issue is, I really want the product details to be hidden, and then revealed with a click like on the Yessian page.

Has anyone got any idea how this could be done?  I would think it would be handy for many people if someone can figure it out!

Cheers!

Watto

[Watto]

Incidentally, I found this code:

http://css-tricks.com/snippets/javascript/showhide-element/

...which I reckon could be adapted for this.  I'm just not sure how to link it to the product details page and only show that one product's details.

Cheers!

Watto

[Watto]

Ok, continuing on the journey!  I've managed to get the long description, custom fields etc into the category page:

http://jamhouse.com.au/newsite/jamtracks

...so now I only need to get the black section hidden until the DETAILS button is clicked!  Oh, and my audio plugin isn't working, but I'll search the forums for that one...

Cheers!

Watto

[Watto]

46 views, and I'm still talking to myself!  Hehe

I've now got the dropdown details working, although I'd prefer for the other products to close when opening one of them.  Not sure if I have the energy to tackle that as well...

http://jamhouse.com.au/newsite/jamtracks

Now onto the audio player not working on the category page...