I'm new to jQuery and i have something like this:

2. $(document).ready(function() {
3. $('#open').hover(function(){
4. $('#nav_ul').slideDown(300);
5. },function(){
6. $('#nav_ul').hide();
7. });
8. });

It all works fine but...

The problem is that i have several #open and #nav_ul elements, and i don't want to write different CSS id's like "#open1" "#open2" etc. 

I'd like to do the thing with just one CSS id like on my code.

Could anyone help me please?

Regards