How to Fadein a ul

I have a CSS dropline menu on my page. I have been trying for weeks to make the dropline part (submenu) fade in when you hover over the "what we do" link. I've tried various Jquery tutorials and I have a few alterna开发者_高级运维tive functions working, but I can't get what I want. I'm very new to this code business so go easy :)

Here's a link to the site: www.beulahprint.ie

My CSS for the dropline menu is in

Cheers, Colm

$(document).ready(function(){
$("#wwd").hover(
function() {
$(this).children("div").stop().animate({"opacity": "1"}, "slow");
},
function() {
$(this).children("div").stop().animate({"opacity": "0"}, "slow");
});

});

on your What We Do <li> give it an id of "wwd" so <li id="wwd"><a href.....

$(document).ready(function(){
    $("ul").hover(
        function() {
            $(this).stop().fadeIn("slow");
        },
        function() {
            $(this).stop().fadeOut("slow");
        }
    );
});

try some thing like this....

$('#linkId').hover(function() {
$('.subMenu').fadeIn();
});