JQuery Переключить текст

Question

function toggle(div)
{

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

}

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

Как изменить текст обратно на детали в функции переключателя

Answer 1

Вы можете сделать это:

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

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

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

Answer 2

Будьте осторожны, если переключатель анимирован, вы не можете проверить видимость div сразу после вызова «toggle».Вы должны использовать аргумент обратного вызова функции переключения.

Пример:

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).click(function () {
    $("#l_detail").toggle("slow");
});

Вытащил его из примера на сайте документации: http://api.jquery.com/toggle/

Answer 4

Просто проверьте, является ли div : видимым и $("#l_detail").html('Hide')