CODEWITHSUNDEEP
jqueryhtmlajax
Pier-Alexandre Bouchard
Pier-Alexandre Bouchard

Reputation: 5235

How to create a big tab system in JQuery/Ajax?

I have this mockup page. The accordion works well but I would like to shows different pages with a tab-like system. I would like to be able to click on the page 6, and then, the accordion content change dynamically.

It's impossible I think, to load all pages in hiddens div and to show it for naviguation. Because of the loading time It would need.

I would be able to send also a link to an item. By example, if I give the link http://example.com/#item-500 It would bring me to the page 400 (by example), item 500 and would open the tab. And I would like to just give a link to a page with any tab open. http://example.com/#page12

I try to figure out how to do this using JQuery and AJAX, but I don't see the solution.

How can I do this, without any page reload ?

Mockup

Upvotes: 0

Views: 220

Answers (1)

Asif
Asif

Reputation: 5038

Here is a simple JQuery plugin to fetch URL parameters and This is the tutorial, but either way you cannot point to a specific item on Ajax load with the URL.

Upvotes: 1

Related Questions