Edit in JSFiddle

$(function () {
    $("#btn_slideDown").click(function () {
        $("#div1").slideDown();
    });

    $("#btn_slideUp").click(function () {
        $("#div1").slideUp();
    });

    $("#btn_slideToggle").click(function () {
        $("#div1").slideToggle();
    });
});

<div>
    <input type="button" id="btn_slideDown" value="slideDown" />
    <input type="button" id="btn_slideUp" value="slideUp" />
    <input type="button" id="btn_slideToggle" value="slideToggle" />
</div>
<div id="div1" style="background-color:blue;width:100px;height:100px;"></div>