开发者

How to Fadein a ul

开发者 https://www.devze.com 2023-01-27 02:45 出处:网络
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

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();
});

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号