I have a website where i have multiple pages of contact that i add daily. The website is coded in PHP and the links go as such. www.domain.com/home/1, www.domain.com/home/2, www.domain.com/home/3 depended on the page.
How can i make it so that when i click the next button that takes you to the next page so that it doesn't load the entire web page but only that <div> or section of the site that has this content. But would still keep the same link format such as www.domain.com/home/#
I don't want to use a iframe because i don't think i can have these links and the whole point is to make the loading seamless.
I am so lost the only thing i found is iframes but i don't want to use that.
You can either use Twitter Bootstrap tabs or jQuery UI tabs.
Or check out jQuery Ajax and DOM manipulation: Best way of loading external page with AJAX