Question

I’m trying to make a page where a certain div (with lots of php, html and javascript content) loads after the rest of the page. Is this possible if so how?

Answer 1

You could apply this div a hidden style and then use javascript to show it:

$(function() {
    $('#someDiv').show();
});

But if you want to avoid loading it initially you could use AJAX:

$(function() {
    // <div id="container"></div> will be an empty div
    $('#container').load('/script');
});

Also note that if you want this loading to happen once all other content is loaded including graphics you could use the $(window).load instead of $(document).ready:

$(window).load(function () {
    ...
});