How to open a div with slideUp in jquery
<p>I have a div that I want when user click on a button <code>slideUp</code> in bottom of page and cover 30% of my page and if user click on that button my div <code>slideDown</code>.How I can do this?</p>

<p>thanks</p>

<p><strong>EDIT 1)</strong></p>

<pre><code>$(document).ready(function () {
        $('#btnWorks').on("click", function () {
            $('#tblWorks').slideToggle();
        });

    });
</code></pre>

<p>but it open from top to bottom.but I want open it from bottom to top</p>
