problem= well nothing actually happens when i click menu on the html page. Nothing at all. Yes this is at the point of total noobiness but i just can't get it to work. I've looked through it but it still doesn't do a thing. The jquery is connected to the html file as alert works. But animate is something that doesn't. 

jquery and html CODE!

```
<div class="fgg">
    <ul>
        <li><a href="home.html">Home</a></li>
        <li><a href="product.html">Product</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
    <id class="button">Menu</id>
    <script>
        $('#button').click(function({$(".fgg").animate({down:'+=400px'})});
    </script>
</div>

```

CSS code!

```
.fgg {
    font-family: "Courier New", Courier, monospace;
    font-size: 20px;
    text-decoration: none;
    padding-left: 200px;
    border-style: solid;
    border-color: black;
    position: relative;
}

#button {
    font-family: "Courier New", Courier, monospace;
    font-size: 35px;
    border-style: solid;
    border-color: black;
    position: relative;
}

```

sorry, just started this and i don't even know how to make a code block.