我如何使用.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"
    });
});

Jsfiddle

Answer 1

.toggle为您绑定.click事件。您不同时拨打.toggle和.click。

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

你应该像这样绑定事件：

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