javascript - 如何使用 .toggle 功能？

Question

我正在尝试使用.toggle波纹管，但它似乎不起作用。

我的目标是，当您单击单击文本时，一个框会从页面视图之外出现并水平进入某个位置。当您再次单击时，它会回到屏幕外的位置。贝娄我刚刚搞砸了垂直高度。但我似乎无法让切换功能工作？

$(document).ready(function () {

$("#click").toggle(Click1, Click2).click(function Click1() {
    $(".test").animate({
        top: "300px"
    });
});

$("#click").click(function Click2() {
    $(".test").animate({
        top: "30px"
    });
});

提琴手

Answer 1

.toggle为您绑定.click事件。你不要同时调用.toggleand .click。

由于您创建Click1andClick2函数的方式，它们不会被提升到范围的顶部。变量Click1和Click2仅在其内部定义，而不是在其更高范围内。

您应该像这样绑定事件：

$("#click").toggle(function() {
    $(".test").animate({
        top: "300px"
    });
}, function() {
    $(".test").animate({
        top: "30px"
    });
});