0

ボタンを押したときにドロップダウンメニューを開きたい。

私は多くのコードを試しましたが、私が得た最も近いコードは次のコードです:

<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">ます。

4

2 に答える 2

2

$('rightMenu', this)と同じです$(this).find("rightMenu")

したがって、これは、入力要素rightMenu内にネストされているのタグを持つ要素を検索します。hide

要素にネストされた要素がないため、これは明らかに正しくありません。また、これは無効なタイプであるためinput、ほぼ確実に要素がありません。rightMenu

メニューはdiv rightMenuにあります。

この回答に対するコメントを見ると、セレクターは実際には次のようになります。

$("#rightMenu")

さらにclick()、2 つの引数を受け入れることはできません。代わりに、これを 1 関数に変更しslideToggle()、Up と Down を交互に使用します。

したがって、コードは次のようになります。

$(document).ready(function () { 

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

});

ライブデモ: http://jsfiddle.net/7aCFk/

于 2013-03-15T11:27:11.747 に答える
1

スライドトグルで試してみませんか

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

}
);
于 2013-03-15T11:26:07.587 に答える