jquery - jQuery 向下滑动示例

Question

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

我希望 div “showme” 向下滑动并出现，而不是仅仅在那里出现。我认为这可以通过一些 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();
    });
});