Jquery toggle text

Question

function toggle(div)
{

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

}

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

How to change text to details in togee function

Answer 1

You can do it:

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

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

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

Answer 2

Be careful if the animation is animated, you cannot check the visibility of the div immediately after the "switch" call. You must use the switch function callback argument.

Example:

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

Documentation: 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/