Question

I wanted to know how I can use an html file and use it to replace the space inside a

I know you can do it with jquery but for some reason it isn’t working out for me.
I have:

$(document).ready(function() {    
    $('#nav li a').click(function(){  
        var toLoad = $(this).attr('href');  
        $('#main').hide('fast',loadContent);   
        function loadContent() {  
            $('#main').load(toLoad);  
        }  
        return false; 
    });  
});  

So whenever I click a link from my navbar it should edit the #main div and bring up the corresponding html file to replace the div with. For some reason it just leaves it blank.

Answer 1

Check this line

 $('#main').hide('fast',loadContent); 

It is hiding the div where you are loading the content. If you show that div again, you can see the content on div. So

 Change 

 $('#main').load(toLoad);

 to 

 $('#main').load(toLoad).show();