[jQuery] Question about hover function

Hello there,

I've got a question about a hover question with a slideToggle function added.

Here's my HTML:

<ul id="overzicht">
    <li class="zaal1">
        <span>Dit is zaal 1</span>
    </li>
    <li class="zaal2">
        <span>Dit is zaal 2</span>
    </li>
    <li class="zaal3">
        <span>Dit is zaal 3</span>
    </li>
    <li class="zaal4">
        <span>Dit is zaal 4</span>
    </li>
</ul>

HTML:

Now, I'd like to use the slideToggle function of jQuery once you hover over a LI.

Example: You hover with your mouse on the LI with the class "zaal1" and it triggers the slideToggle on the SPAN inside that LI.

Now, i've got the following jQuery code to do that:

$(document).ready(function() {
        $("ul#overzicht li.zaal1").hover(function() {
            $("ul#overzicht li.zaal1 span").slideToggle("slow");
        });
        $("ul#overzicht li.zaal2").hover(function() {
            $("ul#overzicht li.zaal2 span").slideToggle("slow");
        });
        $("ul#overzicht li.zaal3").hover(function() {
            $("ul#overzicht li.zaal3 span").slideToggle("slow");
        });
        $("ul#overzicht li.zaal4").hover(function() {
            $("ul#overzicht li.zaal4 span").slideToggle("slow");
        });
    });

Code (markup):

Altho, is there a more compact code to do this? Since I have to put a hover function on all my different classes + a slideToggle for the span.

Maybe some code that just triggers the SPAN once you hover on a specific LI ?

Can anyone help me out?

Oh and, another question, is there a way to only trigger the slideToggle function once the function has been completed. Since you can hover like 5 times with your mouse and spam the trigger... Doesn't look very nice if it triggers it 5 times after each other.

How it's understandable.

Thanks,
Miquexia.