Edit in JSFiddle

<div id="myDiv1">Without chaining</div>
<button id="efficient">Efficient</button>
<button id="Inefficient">InEfficient</button>
<button id="reload" onclick="location.reload()">Reset</button>

$(document).ready(function () {
    $("#efficient").click(function () {
        $("#myDiv1").css("height", "100px").delay("2000").slideUp("slow");
    });
    $("#Inefficient").click(function () {
        $("#myDiv1").css("height", "100px");
        $("#myDiv1").delay("2000");
        $("#myDiv1").slideUp("slow");
    });
});

#myDiv1 {
    background-color : red;
}