Question

这应该是一个简单的，但由于我有点紧张，我想id问...无论如何我只是想知道我怎么能做两件事来切换，例如。我想要一个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中...提前感谢您的帮助！

Answer 1

使用.slideToggle()上的回调：

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

jQuery在一个项目上点击两个对象之间切换

1 个答案: