jQuery click handlers to show one of four containers
Here you can write a simple logic to identify container div on the basis of anchor id.

Please see below code:

put class="container" for all container div, like below :

&lt;div id="homeBodyContainer" class="container"&gt;home&lt;/div&gt;
&lt;div id="aboutBodyContainer" class="container"&gt;about&lt;/div&gt;
&lt;div id="projectsBodyContainer" class="container"&gt;projects&lt;/div&gt;
&lt;div id="contactBodyContainer" class="container"&gt;contact&lt;/div&gt;


And jQuery is :

$(document).ready(function () {
    $("li a").click(function(){
        event.preventDefault();
        // hide all container div
        $(".container").hide();

        // get id of clicked anchor and create its corresponding container id
        var anchorId = $(this).attr('id');
        var containerId = anchorId+"BodyContainer";
        $("#"+containerId).fadeIn(1500);
    });

});


Note : It would be better idea to assign same class to anchor, so that if you have some other anchor available in your HTML then also you can easily bind click event to all desired anchor.

Example:

Assign class="anchorToClick" to all desired anchor tags

and jQuery will be like 

$(document).ready(function () {
        $(".anchorToClick").click(function(){
            // your stuff here
          });

    });