[jQuery] Having a div load on hover instead of click

[Jimmiejo]

I only started working with jQuery a week or so ago and love the
library (I'm new to javascript).  I've used it to create several
effects in a site I'm developing, but am stuck on the last one on my
list.

What I'm trying to do is have my content (list) fade in when you hover
over a button and remain visible so you can choose links from within
that content.  When you hover off the list or button I'd like the
content to fade out.

In it's current state it works fine, but requires you to click on the
button to fade the content in and click the button again to fade it
out.

Here's the simple jQuery function I'm currently using:

$(".rss-link").toggle(function(){
        $("#rss-subscribe").fadeIn("slow");
}, function() {
        $("#rss-subscribe").fadeOut("slow");
});


Then the code I have in my nav is:

<a href="#" class="rss-link">Subscribe to our feed</a>
<?php include (TEMPLATEPATH . '/rss-jquery.php'); ?>


Then the external rss-jquery.php file I'm loading (which probably
doesn't matter) is:

<div id="rss-subscribe" style="display: none;">

<div class="rss">
<ul>
        <li class="rss"><a href="feed://feeds.feedburner.com">Feed 1</a></li>
        <li class="rss"><a href="feed://feeds.feedburner.com">Feed 2</a></li>
        <li class="rss"><a href="feed://feeds.feedburner.com">Feed 3</a></li>
</ul>
</div>

<div class="email">
<ul>
        <li class="email"><a href="http://www.feedburner.com";>Email 1</a></
li>
        <li class="email"><a href="http://www.feedburner.com";>Email 2</a></
li>
        <li class="email"><a href="http://www.feedburner.com";>Email 3</a></
li>
</ul>
</div>

</div>

Note: The rss list floats left and the email list floats right.  Side
by side.

I downloaded and tried working with Superfish (http://users.tpg.com.au/
j_birch/plugins/superfish/) but think it's much more than I need for
this simple function.

Any help would be appreciated.  Cheers!