// HTML
<button id="toggleBtn">显示更多</button>
<div id="content">这是初始内容...</div>

// jQuery
$(document).ready(function(){
    $("#toggleBtn").click(function(){
        if($("#content").text() === "这是初始内容..."){
            $("#content").text("这是展开后的详细内容...");
            $("#toggleBtn").text("收起");
        } else {
            $("#content").text("这是初始内容...");
            $("#toggleBtn").text("显示更多");
        }
    });
});

// HTML
<button id="toggleBtn" data-text1="显示更多" data-text2="收起">显示更多</button>
<div id="content" data-text1="这是初始内容..." data-text2="这是展开后的详细内容...">这是初始内容...</div>

// jQuery
$(document).ready(function(){
    $("#toggleBtn").click(function(){
        var btn = $(this);
        var content = $("#content");
        
        if(btn.text() === btn.data("text1")){
            content.text(content.data("text2"));
            btn.text(btn.data("text2"));
        } else {
            content.text(content.data("text1"));
            btn.text(btn.data("text1"));
        }
    });
});

// HTML
<button id="toggleBtn">显示详情</button>
<div id="content" style="display:none;">这里是详细内容...</div>

// jQuery
$(document).ready(function(){
    $("#toggleBtn").click(function(){
        $("#content").toggle();
        $(this).text(function(i, text){
            return text === "显示详情" ? "隐藏详情" : "显示详情";
        });
    });
});

$("#content").css("visibility", "visible"); // 代替show()

$(document).on("click", "#dynamicBtn", function(){
    // 处理点击事件
});

$("#content").html("<strong>加粗文本</strong>");