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

小心，如果切换动画，则无法在“切换”调用之后测试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('Hide')

Answer 4

尝试这样（也显示可选的动画效果“慢”）：

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

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

jquery切换文本

4 个答案: