javascript - 使用 jQuery 单击链接时更改文本

Question

我想将按钮更改为在单击时读取 Close 并且也充当 Close。

Fiddle Demo

如何使用我当前的代码实现此目的？

jQuery:

$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");   
    });     

    // Switch visiblility of the "Close Panel" button
    $("#close").click(function () {
        $("div#panel").slideUp("slow"); 
    });

    });

Answer 1

您可以使用 .is(':visible') 检查 div 是否可见并适本地设置文本。

代码

$("#open").click(function () {
    $("div#panel").slideToggle("slow", function () {
        if ($("div#panel").is(':visible')) {
            $("#open").text('Close');
        } else {
            $("#open").text('Quick Quote');
        }
    });
});

DEMO