jQuery 下拉菜单 - CSS 问题

Question

嘿，如果你要去的话:http://catonthecouchproductions.com/fish/下拉菜单下的那些图像应该被隐藏然后在悬停时出现，到目前为止我有这个:

$(document).ready(function() {
    $('.btn-fishing-trip').hover(function() {
        $('.fishing-trip').slideDown("slow");
    }, function() {
        $('.fishing-trip').slideUp("slow");
    });
    $('.btn-combo').hover(function() {
        $('.combo').slideDown("slow");
    }, function() {
        $('.combo').slideUp("slow");
    });
});

但它的行为很奇怪。对我能做什么有什么建议吗？我认为一旦上升，其他幻灯片就会取代它的位置。我应该使用 animate() 而不是 slipDown 吗？

Answer 1

尝试分别使用 .slideDown() 和 .slideUp() 来代替:

$(yourElementHere).stop().animate({ top: "20px", opacity: "1" }, 500, "swing");

和

$(yourElementHere).stop().animate({ top: "-180px", opacity: "0" }, 500, "swing");