简单jQuery悬停向下滑动，反转向上滑动？

我有以下简单的向下滑动悬停菜单

 $(function(){
$('.sub-menu').hide();
$('.menu-item').hover(
    function () {
        var target = $(this).children('ul');
        $.browser.msie ? target.show() : target.slideDown(150);
    },
    function () {
        var target = $(this).children('ul')
        $.browser.msie ? target.hide() : target.slideUp(150);
    }
);

}))

它向下滑动。鼠标悬停在子菜单上时，子菜单项会向下滑动。离开时，菜单项会向上滑动，非常完美

我需要它向上滑动。当你悬停在子菜单上时。菜单项，反之亦然

我已经做了很明显的交换slideUp和slideDown，但它似乎不起作用

有什么想法吗

如果可以，非常感谢：）

应该可以工作，尽管没有更多的代码我无法测试它

基本上，我假设已经显示了

。子菜单

，所以当你将鼠标悬停在上面时。

菜单项

你想隐藏它，对吗

我所做的更改是：我交换了这两个函数，并删除了

$（'.sub-menu'）.hide（）那是一开始。在它真正滑起来之前，它不需要隐藏

编辑：处理最新示例

在这里查看：

我所做的是：


将
#按钮
和
#滑块
更改为
类（
.button
和
.slider
）
相应地修改CSS，并
更改了
.slider
CSS以允许
多个按钮（你有它
绝对不会
允许您看到其他人）
调整JQuery代码以处理多个
钮扣
添加了另一个按钮来显示
你知道它有效吗
出于好奇，你为什么不为ie制作动画？它在ie中工作，只是没有幻灯片。这可以通过向上滑动或拒绝来实现：（谢谢你，我看到了你所做的，基本上我需要它的反面向下滑动，所以它需要在向上滑动到菜单上方之前被隐藏。所以它的隐藏然后向上滑动，当前它的隐藏，在悬停时向下滑动…在这里，当前它在悬停时向下滑动，需要它向上滑动到父悬停上方…？更新我想我已经管理好了它正在运行：）但是，现在我需要弄清楚如何将它应用于导航中的多个按钮，如上面的一个……这是可能的吗？非常感谢您。我想它也可以用于各种html、li列表等，现在基础已经存在了？谢谢。：@Jezthomp-是的，它只需要“按钮”
（.button）
和另一个包含链接的元素。它可以是
ul
，链接可以是所有
li
-请参见此处：
$(function(){
    $('.menu-item').hover(
        function () {
            var target = $(this).children('ul');
            $.browser.msie ? target.hide() : target.slideUp(150);
        },
        function () {
            var target = $(this).children('ul')
            $.browser.msie ? target.show() : target.slideDown(150);
        }
    );
});