Ok, so I am trying to load an external html page into a div on my site. I am using a Panic Coda-style jQuery scroller which means my entire website is on one page. To optimise loading times, I would like the 'pages' only to load when a visitor clicks the navigation tab for it.
Is some sort of similar markup possible? HTML: <li id="load_about"><a href="#about">About</a></li> <div id="about"></div> JS: $('#load_about').click(function(){('#about).load('about.html')}); Thanks in advance, Mat. P.S. If my bad description of my site is confusing you, you can see what it looks like at the moment: http://www.matthewhill.name/