Jquery toggle

//this is necessary at the top of your jquery doc to tell the script when to load, which in this case, is once the DOCUMENT (your webpage) is READY
$(document).ready(function(){

    //hide the .aboutMe paragraph when the page first loads
    $(".aboutMe").hide();
    $(".portfolioContent").hide();
    $(".contactDetails").hide();

    //listen for anything with a class of .section to be clicked, then run the code within
    $(".section").click(function(){

        //check to see if THIS div (the div that was clicked) has a class of .expanded...
        if($(this).hasClass("expanded")) {
            //...and then if it DOES have the class .expanded, first REMOVE that class and then ADD the class .collapsed...
            $(this).removeClass("expanded").addClass("collapsed");
            //...and then check to see if the div is the one with the ID of #about...
            if($(this).attr("id") == "about") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade out...
                $(".aboutMe").fadeOut("slow");
            }
            if($(this).attr("id") == "Portfolio") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade out...
                $(".portfolioContent").fadeOut("slow");
            }
            if($(this).attr("id") == "Contact") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade out...
                $(".contactDetails").fadeOut("slow");
            }
        } else {//if THIS div (the div that was clicked) does NOT has a class of .expanded, then...
            //...REMOVE the class .collapsed, and then ADD the class .expanded...
            $(this).removeClass("collapsed").addClass("expanded");
            //...and then check to see if the div is the one with the ID of #about...
            if($(this).attr("id") == "about") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade in...
                $(".aboutMe").fadeIn("slow");
            }
            if($(this).attr("id") == "Portfolio") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade in...
                $(".portfolioContent").fadeIn("slow");
            }
            if($(this).attr("id") == "Contact") {
                //...and then if it DOES, make the .aboutMe paragraph inside fade in...
                $(".contactDetails").fadeIn("slow");
            }
        }

    });

});