Flyout menu problem: seem to be target related

Flyout menu problem: seem to be target related

I'm fairly new to jQuery and and having problems getting a flyout menu to show "slowly: (400ms). I think the problem is the way I'm targeting the element, but I'm not sure.

Here is the relevant page and the menu item is "Audition songs" in the "For cast and Crew" box/menu. The basic css seems to be working fine as the menu displays on hover. (If it matters, this is a custom page in a Wordpress site.)

http://youthconnectionwilmette.org/seussical-info/

I put an alert in the document.ready function so I know the js file is loading correctly.

I've spent about a day on this, so any help will be greatly appreciated.

Here is the jsfiddle:

http://jsfiddle.net/tangobango/uBFNu/

Thanks.