Expand Collapse Div

<script type="text/javascript">

    $(document).ready(function ()
    {

        $(".show_hide").show();
        $(".slidingDiv").hide();


        $('.show_hide').click(function () {
            $(".slidingDiv").slideToggle();
        });

    });

</script>



<div align="left">
   <a href="#" id="btnshowhide" runat="server" class="show_hide" style="color:Navy; margin-left:20px; font-weight:bold;font-size:11px;font-family:Verdana">
   Show/hide Grading System
   </a>
   </div>
    <div id="divslide" runat="server" class="slidingDiv" style="border-right: dimgray 1px solid; border-top: dimgray 1px solid; border-left: dimgray 1px solid;margin-left:20px; border-bottom: dimgray 1px solid;" align="center" >
Content
<div>