Question

I’d like to use something like jQuery’s accordion menu, but have the triggered elements be angled. I’m guessing this isn’t possible, but thought I’d see if anyone has tried it before.

A few less than ideal ideas:

1. Go old-school and work with image maps. I haven’t used an image map in years though, so that’d take a bit of testing to see if it’s even possible.
2. Use several target areas for each navigation element and position them in a staggered layout. Pretty hacky and bloated though.
3. Use the rotate capability of fancy browsers. This actually doesn’t seem too bad, but obviously not viewable for most users. Also not sure how that would affect the content areas – but could be explored.

Let me know if any clarification is needed.

Here is a sketch of the concept:
concept sketch http://img158.yfrog.com/img158/3122/slgu.jpg

Answer 1

I was just pointed to a jQuery plugin that accomplishes this task pretty well (Diagonal Accordion). I have yet to test it, but it looks like it is limited to 45° angles, which is a bit of a bummer, but still pretty cool.