Dropdown using .css' visibility

Dropdown using .css' visibility

Hi There

I'm an absolute neewbie to jquery (and JavaScript).
But already love it.

Working on a new website I have added a few lines of jquery.
One for the slideshow. No problems here.
The other for a dropdown <div> which will show when the link 'zoeken' is clicked.

However. This doesn't work the way it should and I have no idea – other than here – where to find the answer to fix it. Put in al lot of time, but no result.

This is the code I used:

$(document).ready(function() {
    $('ul #search1').click(function() {
        $('#search2').css('visibility' , 'visible');
        $('#search2').css('z-index' , '10');
        $('#search2').toggle('slow');
    });   
});   

As you can see I used the .css-function to alter the visibility from css (which is hidden) to visible to show the searchbox.

You can find the prelimenary website over here: http://staalcommuniceert.nl/staalcom2/

Any ideas where I am going wrong?

Love to hear from you.

Best

Raymond