任何人都可以帮我解决这个问题吗？我是新用的CSS/HTML.我想创建一个链接div来隐藏和显示其内容.我究竟做错了什么？

这是我的代码:

HTML

<a href="#" id="hideShow">My Title</a>
<div id="message" style="visibility:hidden; border: 1px solid #777; width: 400px; padding: 1%;">
    Blah Blah Blah Blah
</div>


<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript"> 

    $("#hide").toggle(
        function(){$("#message").show();},
        function(){$("#message").hide();},
});

</script>  

谢谢...

我正在创建网站，需要创建受密码保护的JavaScript代码才能访问它。

我是否还需要更改CSS，或者仅在HTML代码中更改？