slideup a div when showing which is initially on hide in Jquery? : i am new to jQuery .i had a requirement to show the div based on id , while showing it i need to slideup. but the div is initially on hide.
i tried it but it is not sliding up , it is showing bottom of page i need to scroll down to view that div.

html
----

   

     <ul>
        <li >
           <a class="page-scroll" href="#registerDiv" id="register">Redeem</a>
         </li>
         </ul> 
    
    <section id="registerDiv" ng-controller="registerCtrl">
    //something to show this section when clicked
    </section>
    
js
---

    <script>
      
      $(document).ready(function(){
        $("#registerDiv").hide();
        $("#register").click(function(){
            $("#registerDiv").slideUp().show("slow"); //need to slideUp here
        });
    });
    </script>

please help any out there. Thanks in advance
         