jQuery在一项单击时在两个对象之间切换答案

【问题标题】：jQuery toggling between two objects on one item clickjQuery在一项单击时在两个对象之间切换
【发布时间】：2011-10-21 07:54:16
【问题描述】：

这应该是一个简单的，但由于我有点赶时间，我想我问...无论如何，我只是想知道如何让两件事切换例如。我想要一个 div 显示然后隐藏（幻灯片效果），同时执行此效果以更改文本的链接...我目前有此代码...

/* Show/Hide */
$("#statusDisplayH").live("click", function(){
    $("#statusH").slideToggle("medium");


    if($("#statusH").is(":visible"))
    {
        $("#statusDisplayH").text("HIDE");
    }
    else
    {
        $("#statusDisplayH").text("SHOW");
    }
});

statusH 是要显示/隐藏的 div，statusDisplayH 是链接“a href...”，当然链接不在 div 内...提前感谢您的帮助！

【问题讨论】：

问题是什么？当前的代码不适合您吗？
@N Rohler 滑动切换有效，但更改文本仅显示隐藏然后不再切换....
我将在下面发布一些清理过的代码......等一下......

标签： jquery

【解决方案1】：

在.slideToggle()上使用回调：

/* Show/Hide */
$("#statusDisplayH").live("click", function(){
    var toToggle = $("#statusH");
    toToggle.slideToggle("medium", function(){
        $("#statusDisplayH").text( toToggle.is(":visible") ? "HIDE IT" : "SHOW IT"); 
    });
});

【讨论】：