Question

当我按下按钮时，我想打开一个下拉菜单。

我尝试了很多代码，但最接近的是以下代码：

<input id="hide" value="+" type="button" />

$(document).ready(function () { 

    $('#hide').click(
        function () {
            //show its submenu
            $('rightMenu', this).stop().slideDown(500);

        }, 
        function () {
            //hide its submenu
            $('rightMenu', this).stop().slideUp(500);          
        }
    );

我要显示/隐藏的菜单位于<div id="rightMenu">。

Answer 1

$('rightMenu', this)与$(this).find("rightMenu")

相同

因此，我们会搜索标记为rightMenu且嵌套在hide输入元素中的元素。

这显然不对，因为您的input元素中没有嵌套任何元素，并且您几乎肯定不会有任何rightMenu元素，因为这是一个无效的类型。

菜单位于div rightMenu。

查看您对此答案的评论，您的选择器实际应该是：

$("#rightMenu")

此外click()不能接受2个参数。而是将其更改为1个函数，并使用slideToggle()在“向上”和“向下”之间切换。

因此，您的代码应为：

$(document).ready(function () { 

$('#hide').click(
    function () {
        //show its submenu
        $("#rightMenu").stop().slideToggle(500);    
    }
);

});

现场演示： http://jsfiddle.net/7aCFk/

Answer 2

你可以尝试使用slideToggle

 $('#hide').click(
    function () {
    //show its submenu
    $('.rightMenu').slideToggle(500);

}
);

jQuery：显示/隐藏下拉菜单按钮单击

2 个答案: