Question

Function 1

// Toggle the sharing section
    // Start with hiding the icon list
    $("#shareThisPost").click(function(){
        $("#shareThisPost").fadeOut("slow");

        $(function() {
            $("div#shareSection ul").fadeIn("slow");
            $shareState = 1;
        });
    });

Function 2

// Toggle the sharing section
        // Start with hiding the icon list
        $("#shareThisPost").click(function(){
            $("#shareThisPost").fadeOut("slow", function() {
                $("div#shareSection ul").fadeIn("slow");
                $shareState = 1;
            });
        });

Answer 1

$("#shareThisPost").click(function(){
            $("#shareThisPost").fadeOut("slow", function() {
                $("div#shareSection ul").fadeIn("slow");
                $shareState = 1;
            });
        });

The following code executes after the fadeOut happens , this is called call back ,

$("div#shareSection ul").fadeIn("slow");
                $shareState = 1;
            });

This is equivelent to document.ready , i don’t understand why it is inside a click function

$(function() {
            $("div#shareSection ul").fadeIn("slow");
            $shareState = 1;
        });