Question

我试图在点击“显示”链接后向下滑动div并将该文本更改为“隐藏”，但它似乎没有那么好用。

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

我尝试用其他一些StackOverflow答案解决，但我无法让它工作，所以不确定我做错了什么。

Answer 1

更新你的主播。从id中删除#并附加事件处理程序。

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

Answer 2

只是一个小例子，说明它到目前为止如何使用你提供的工作

$("#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")来代替{{1 }}

Jquery Toggle Slider＆amp;切换文字

2 个答案: