Скрыть и показать элемент div с прототипом и скриптом

Я пытаюсь использовать prototype и scriptaculous, чтобы скрыть и отобразить элемент div, но функция (ниже) для использования свойства прототипа setStyle не работает, и я не уверен, в чем проблема.

<script type = "text/javascript" language = "javascript">
    function bodyOnload() {
            $('content1').setStyle({ display: 'none' });
            $('content2').setStyle({ display: 'none' });
    }
</script>    



<script type = "text/javascript" language = "javascript">

    var currentId = null;

    Effect.Accordion = function (contentId) {
        var slideDown = 0.5;
        var slideUp = 0.5;

        contentId = $(contentId);

        if (currentId != contentId) {
            if (currentId == null) {
                new Effect.SlideDown(contentId, {duration: slideDown});
                } else {
                new Effect.SlideUp(currentId, {duration: slideUp});
                new Effect.SlideDown(contentId, {duration: slideDown});
            }
            currentId = contentId; 
        } else {
            new Effect.SlideUp(currentId, {duration: slideUp});
            currentId = null;
        }
    };
    </script>

Предыдущая функция вызывается как таковая:

<div id = "accordion">
    <div id = "part1">
        <div id = "nav1" onclick = "new Effect.Accordion('content1');">
            Post a comment 1
        </div>
        <div id = "content1">
            <form id = "form" name = "form" action = "post.php" method = "post">
            <textarea name = "commentbody" cols = "20" rows = "10"></textarea>
            <button type = "submit">Post Comment</button>
            <input type = "hidden" name = "blogID" value = "1" />
            <input type = "hidden" name = "userID" value = "3" />
            <input type = "hidden" name = "parentID" value = "7" />
            <div class = "spacer"></div></form>
        </div>
    </div>
        <div id = "part2">
        <div id = "nav2" onclick = "new Effect.Accordion('content2');">
            Post a comment 2
        </div>
        <div id = "content2">
            <form id = "form" name = "form" action = "post.php" method = "post">
            <textarea name = "commentbody" cols = "20" rows = "10"></textarea>
            <button type = "submit">Post Comment</button>
            <input type = "hidden" name = "blogID" value = "1" />
            <input type = "hidden" name = "userID" value = "3" />
            <input type = "hidden" name = "parentID" value = "7" />
            <div class = "spacer"></div></form>
        </div>
    </div>
</div>

Вот что происходит с кодом.

• И в ie, и в firefox он ничего не делает, но когда вы щелкаете ссылку, которая вызывает метод effect.accordion, метод работает должным образом. Проблема заключается в функции прототипа, которая не скрывает элементы. Любая помощь будет принята с благодарностью.