Jquery - Open a Div by Sliding down

I have a div :-

<div id="textdiv" style="border:1px solid red;display:none;">
        t is a long established fact that a reader will be distracted by 
        the readable content of a page when looking at its layout. 
        The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
        as opposed to using 'Content here, content here', 
        making it look like readable English.
        t is a long established fact that a reader will be distracted by 
        the readable content of a page when looking at its layout. 
        The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
        as opposed to using 'Content here, content here', 
        making it look like readable English.
        t is a long established fact that a reader will be distracted by 
        the readable content of a page when looking at its layout. 
        The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
        as opposed to using 'Content here, content here', 
        making it look like readable English.
    </div>

Now, on button click I will open a div :-

<script type="text/javascript">
        $(document).ready(function () {
            $("#btnid").click(function () {
                $("#textdiv").slideDown('slow');
            });
        });
    </script>

Thanks and Regards
Akiii