Dear Stefan

That's exactly what i need to hide the other modules , can you give me an example how to do that  (subscribe to the search buttons click event with a jquery script which applies some css to all other modules ) , here is the site www.imexguide.com  , sorry for being late in reply .

you'll need to do 3 things

1) intercept the search button click event and execute a jquery function
2) figure out a way to address the modules you want to hide
3) use jquery to hide them

So, here's some code that might help you...

1) say for example, you have a button with an ID of "btnSearch", you can hook into the click event using jquery like this...

$("#btnSearch").click(function () {

    });

2) There are many ways to select items in jquery.  Among those, you can select things to hide by 'class', 'div' ,or 'ID'.  You'll need someway to identify which items you want to select. The easiest way would be by container. I would suggest creating a specialized container where the overall wrapping container has a class attribute, for example, class="hideme", then use that container for all of the modules that you want to be able to hide. 

3) Now, in your jquery function, you can quickly hide all items that have a class attribute of "hideme"...

$("#btnSearch").click(function () {

    (".hideme").hide();

    });

Now, with those few lines of code, when the btnSearch button is clicked, all of the items on your page with a class of "hideme" will be hidden.

You don't really specify 'what' the error is that you are getting .. but looking at the snippet you pasted, it doesn't look like you've assigned an ID property to your search button.  When you use jQuery and do something like $("#search"), it tells the jQuery engine to find a DOM object with an ID of "search".

So, try changing this...

<input type="submit" name="go" 
value="{//udt:Context/udt:LocalizedString_Search}" />

to this..

<input type="submit" ID="search" name="go" 
value="{//udt:Context/udt:LocalizedString_Search}" />