JavaScript работает автоматически, а не по клику

Я хочу добавить кнопку "показать больше" на свой веб-сайт с помощью 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) слова «Show Less» появляются на долю секунды, а затем исчезают за пределами экрана. Что я делаю неправильно? Я хочу, чтобы div исчезал и появлялся снова, когда я выбираю «Скрыть/показать»