Expanding AJAX Menu

Hi,

I need the above 4 level ajax menu created.

Level 1 = Aussie Rules

Level 2 = AFL 2010

Level 3 = Round 18 (Current Round)

Level 4 = List of events

Level 1 → Level 3 should be able to expanded and contracted by pressing on the “+” And “-”

Level 2 → Level 4 text labels, should be clickable. When a link is clicked, the page corresponding page should be loaded, and the menu should open up to its last position.

For example, in the above image, if “Richmond Tigers v Adelaide Crows” is clicked, the web page loads the “Richmond Tigers v Adelaide Crows” page, and the menu opens up as above.

Code :

Level 3 json is created by using the following :

http://localhost/[login to view URL]

[{ "label":"Round 18 (Current Round)", "id":"45", "compid":"2", "type":"live" }]

Level 4 json is created by using the following :

http://localhost/[login to view URL]

[{ "label":"Brisbane Lions v Melbourne Demons", "id":"331", "href":"http://localhost/[login to view URL]" }, { "label":"Collingwood Magpies v Carlton Blues", "id":"328", "href":"http://localhost/[login to view URL]" }, { "label":"Essendon Bombers v St Kilda", "id":"327", "href":"http://localhost/[login to view URL]" }, { "label":"Fremantle Dockers v West Coast Eagles", "id":"334", "href":"http://localhost/[login to view URL]" }, { "label":"Port Adelaide Power v Hawthorn Hawks", "id":"329", "href":"http://localhost/[login to view URL]" }, { "label":"Richmond Tigers v Adelaide Crows", "id":"332", "href":"http://localhost/[login to view URL]" }, { "label":"Sydney Swans v Geelong Cats", "id":"330", "href":"http://localhost/[login to view URL]" }, { "label":"Western Bulldogs v North Melbourne Kangaroos", "id":"333", "href":"http://localhost/[login to view URL]" }]

The 2nd half of the menu, works exactly in the same manner as above but, returns a different set of data.

See file attached for some images

CSS HTML JavaScript

ID do Projeto: #757376

Sobre o projeto