jquery - Jquery 切换滑块和切换文本

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(); });

我不使用你的链接开始，因为我想告诉你链接是不必要的，它的 id 错误但如果你想使用链接，你可以使用$("#menutoggle")代替$("#mobilemenu")