Jquery下滑示例

Question

我有一个名为“bottomtabdivright”的div，当我悬停时有一些css显示名为“showme”的div。示例部分greenieproducts.com上的示例....

我希望div“showme”向下滑动而不仅仅是bam它在那里。我想这会用一些jquery代码完成吗？这是我第一次深入研究jquery，我只是不确定从哪里开始。 这是我到目前为止所得到的

#showme {display:none;}
#bottomdivtabright:hover #showme {border:3px solid white;outline:3px solid black;background-color:black;display:block;width:450px;position:absolute;right:5px;top:48px;padding:10px;}

你们真是太棒了，谢谢你们。）

Answer 1

使用以下jQuery代码：

$(function() {
    $('#bottomdivtabright').hover(function() {  
        $('#showme').slideDown();
    }, function() { 
        $('#showme').slideUp();
    });
});