title: How to create a big tab system in JQuery/Ajax?
body: <p>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. </p>
  
  <p>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.</p>
  
  <p>I would be able to send also a link to an item. By example, if I give the link <a href="http://example.com/#item-500" rel="nofollow noreferrer">http://example.com/#item-500</a> 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. <a href="http://example.com/#page12" rel="nofollow noreferrer">http://example.com/#page12</a></p>
  
  <p>I try to figure out how to do this using JQuery and AJAX, but I don't see the solution.</p>
  
  <p>How can I do this, without any page reload ?</p>
  
  <p><img src="https://i.stack.imgur.com/qfyRH.png" alt="Mockup"></p>