loading content in div from other html file one by one

Shubham Jain

I want to divide my page in two parts. say div 1 and div 2. I want to load first div when clicked on the page link. and when contents in div 1 is fully loaded then I want to start load the content in div 2.

Any possible solution that works fine in all major browsers.

I also want the content in these divs from other html in the same directory. Below is the code what I tried to do the thing.

$(document).ready(function(){ 
    $('#div1').load('home/index.html', function() {
        $("#div2").load('home/index2.html');
    });
});

I want that when the content from ‘home/index.html’ is fully loaded in div1 then content from ‘home/index2.html’ start loading in div2.

Below code is displaying contents in both div but I want to start loading in second div when my first div is completely loaded.

$(document).ready(function(){ 
    $('#div1').load('home/index.html');
    $("#div2").load('home/index2.html');
});