Jquery菜单不工作？按钮单击向下滑动

我想实现的是，当点击btn时，滑动下菜单。再次单击时关闭

首先，您似乎没有正确选择

btn

和

菜单

元素。您需要指定它们是类还是ID

例如，使用

$（'.btn'）

或

$（'#btn'）

。对于

菜单

，必须执行相同的操作

要简化代码，请尝试使用

slideToggle（）

更新

如果您希望在评论请求时同时使用

slideUp

和

slideDown

事件，您可以使用

.is（':visible'）

功能实现这一点：

$('btn').click(function() {
   $('Menu').slideToggle('slow');
});

---

什么是

btn

和

菜单

它们是id还是类？还是

要通过切换显示/隐藏元素，有以下方法

参考：

.slideToggle（）方法为匹配元素的高度设置动画。 这会导致页面的下部向上或向下滑动，看起来 暴露或隐藏物品。如果最初显示该图元，则会显示该图元 将被隐藏；如果隐藏，它将显示。显示属性为 根据需要进行保存和恢复。如果元素的显示值为 内联，然后隐藏并显示，它将再次显示 内联。在隐藏动画后，当高度达到0时 “显示样式”属性设置为“无”，以确保 较长时间会影响页面的布局

持续时间以毫秒为单位；值越高表示速度越慢 动画，而不是更快的。字符串“快”和“慢”可以是 用于指示200毫秒和600毫秒的持续时间， 分别

代码：

---

演示：

我是jquery新手，很抱歉问了这么一个基本的问题。您如何通过上下滑动达到相同的效果。@AndrewJohn slideToggle将为您解决这一问题。如果元素向上，它将向下滑动。如果元素向下，它将滑动。在我看来，在这个场景中使用滑动切换是一个很好的实践，但我将演示如何使用

$('btn').click(function() {
   $('Menu').slideToggle('slow');
});

$('#btn').click(function() {
    if ($('#menu').is(":visible")) {
        $('#menu').slideUp('slow');
    }
    else {
        $('#menu').slideDown('slow');
    }  
});

$('.btn').click(function() {
    $('#menu').slideToggle('slow');
});