I have been messing with this jsfiddle:
My client is asking for a sun flower that has nav links on the petals of the sun flower.
As the user clicks a page with sub children it would hide the last level of pages and show its child pages. This would keep happening until the user gets down to a sub level where there are no more sub levels and then the child page would link through to a page.
much like this: http://sower.com.au/demo/accordion.html
if you click on the "earth" link when testing the menu you will see what i mean by: showing its child pages until it gets down to the links.
my problem is doing the links as a circle for each sub menu and having the last link shown in the middle of the sun flower so that the user can get back to the parent level:
This is an example:
Please can any one give me a hand?
i discovered that my js fiddle is not working in IE9 http://jsfiddle.net/b77Lf/24/