0

「表示」リンクをクリックした後に div を下にスライドさせ、そのテキストを「非表示」に変更しようとしていますが、うまく機能していないようです。

<div id="mobilemenu"><a id="#menutoggle" href="#">Show</a></div>
<div id="slider">Content to slide in under #mobilemenu</div>

他のいくつかの StackOverflow の回答で解決しようとしましたが、うまくいかなかったので、何が間違っているのかわかりません。

4

2 に答える 2

3

アンカーを更新します。ID から を削除し#、イベント ハンドラーをアタッチします。

$("#menutoggle").click(function() {
    $("#slider").toggle();
});
于 2012-04-10T18:26:56.753 に答える
0

これまでに提供したものを使用してどのように機能するかのほんの一例です

$("#mobilemenu").click(function(e) {
    if ($("#slider").is(":visible")) {
        $("#slider").hide();
        $(this).children("a").text("Show");
    }
    else {
        $("#slider").show();
        $(this).children("a").text("Hide");
    };
});

または、余分な作業がない場合は、次のように単純化できます

$("#mobilemenu").click(function(e) { $("#slider").toggle(); });

私はあなたのalinkを最初から使用していません.alinkは必要ではなく、IDが間違っていることを示したかったのですが、aリンクを使用したい場合は$("#menutoggle")、代わりに使用できます$("#mobilemenu")

于 2012-04-10T18:28:33.997 に答える