Question

I have a div ~ id is slider I want it to animate/hide when a link is clicked. More precisely I want to toggle it open and close from a link.

jQuery

<script type="text/javascript"> 
    $("#toggleslider").click(function () {
    $(this).hide("#slider", { direction: "up" }, 1000);
    });
</script>

link

<li><a id="toggleslider" href="javascript:void(0);">toggle</a></li>

Answer 1

You could use .slideToggle

$("#toggleslider").click(function () {
    $('#slider').slideToggle(1000);
});

The live demo.