Не работает меню
 

Добрый вечер, по чему не работает меню, вот код:

<div id="menu">
        <ul class="button">
            <li><a href="/"></a></li>
            <li><a href="/"></a></li>
            <li><a href="/"></a></li>
            <li><a href="/">gfhgfh</a></li>
            <li><a href="/">gfhgf</a></li>
            <li><a href="/">gfhg</a></li>
            <li><a href="/">gfh</a></li>
            <li><a href="/">gfhg</a></li>
        </ul>
    </div>

$(function() {
        function init_menu() {
            $('#menu').hide();
            $('.button').click(function() {$(this).next().slideToggle('normal');});
        }
        init_menu();
    });

Скажи сначала как ты хочешь, чтобы оно работатало.

Ну, а вообще ты первой строкой прячешь контейнер с меню, конечно, оно не будет работать.

Хочу, чтобы по клику на id="menu" откривались пункты меню, а по второму клику прятались