JavaScript функционира автоматично, а не при щракване

Искам да добавя бутон „покажи още“ към моя уебсайт с помощта на Javascript.

Ето HTML, който използвам

<div class="VideoText" align="left">
    <a href="/bg"><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="/bg#" 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 да изчезне и да се появи отново, когато избера Скрий/покажи