jquery 切换文本

Question

function toggle(div)
{

$("#"+div).toggle();
$("#l_detail").html('Hide');

}

<a href=""><label id="l_label>Details</label></a>

如何在 toglee 功能中将文本更改回详细信息

Answer 1

你可以这样做：

function toggle(div) {  
 $("#"+div).toggle();

 var txt = $("#"+div).is(':visible') ? 'Hide' : 'Details';

 $("#l_detail").text(txt);
}

Answer 2

请注意，如果切换是动画的，则无法在“toggle”调用之后测试 div 的可见性。您应该使用切换函数的回调参数。

示例：

duration = 0; // Or whatever you want in ms
$("#"+div).toggle(duration,function(){
    var txt = $("#"+div).is(':visible') ? 'Details' : 'Changes';
    $("#l_detail").html(txt);
});

文档：http://api.jquery.com/toggle/

Answer 3

只需检查 div 是否为 :visible，以及是否为 $("# l_detail").html('隐藏')

Answer 4

像这样尝试（还展示了可选的动画效果“慢”）：

$("#"+div).click(function () {
    $("#l_detail").toggle("slow");
});

从文档站点上的示例中提取它： http://api.jquery.com/toggle/