Jquery向下滑动示例

我有一个名为“bottomtabdivright”的div，当我将鼠标悬停在show上时，它带有一些css，显示名为“showme”的div。描述部分中的示例

我想让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;}

---

你们太棒了，谢谢：）

使用以下jQuery代码：

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

---

您好，非常感谢您的快速响应，我插入了$（function（）{$（'bottomdivtabright'）。悬停（function（）{$（'bottomdivtabright'）。slideDown（）；}，function（）{$（'showme'）。slideUp（）；}）；在header.php中，但它没有做任何事情，我在哪里搞砸了：）与jQuery安装有冲突。请参阅错误控制台：

uncaughttypeerror:object[object Window]的属性“$”不是函数，所以，也许我可以试着找出如何解决这个问题？你在网站上安装了其他使用
$
名称空间的库吗？也许这是我添加的，以仅在页面加载完成时显示img$（document）.ready（函数（）{}）；}）；