JavaScript会自动运行，而不是“点击”

Question

我想使用Javascript在我的网站上添加“显示更多”按钮。

以下是我正在使用的HTML

<div class="VideoText" align="left">
    <a href=""><span> <strong> Credits </strong> </span></a>
    <br> Directed By: <a href="http://www.kingdombrand.com/Film/Alek/Portfolio"> Link One </a>
    <br> Edited By: <a href="http://www.kingdombrand.com/Film/Jess/Portfolio"> Link Two </a>
    <br>
    <br>

    <a href="#" id="hideshow">Hide</a>

    <div id="message">
        Credit: <a href="http://www.kingdombrand.com/Film/Alek/Portfolio"> Link Three </a>
        <br> Credit: <a href="http://www.kingdombrand.com/Film/Alek/Portfolio"> Link Four </a>
        <br>
    </div>

</div>

这是我用来调用函数的.js文件

    $('#hideshow') .toggle(function() {
    $('#hideshow').text('Hide');
    $('#message').hide();

}, function() {

    $('#hideshow').text('Show') ;
    $('#message').Show();
}) ;

我正在关注Youtube教程，但他似乎工作得很好。当我进入网站时，我将其添加到（http://www.kingdombrand.com/Film/Alek/Films/TestFilm），“显示更少”一词出现一瞬间，然后消失在屏幕外。我做错了什么？我想让div消失，当我选择隐藏/显示

时重新显示