I' trying to create a `<ul>` with `<li>` objects to slide the UL away and show specific div's. 
I have these div-tags:

```
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

```

And this list:

```
<ul class="meny">
   <li id="show1">Show 1</li>
   <li id="show2">Show 2</li>
   <li id="show3">Show 3</li>
</ul>

```

Why doesn't this JS work?

```
$(function() {
   $("#show1").click(function() {
       $(".meny" ).toggle("slide");
       $("#1").click("show");
   });
});

```

I've been trying all night long...

**EDIT**

I'm trying to get my project to have a CLICK-event fired when you press a specific list object. When that is done, the whole ul should slide away and show a specified div.

See: <http://aatw.se/test/booking.html>