jQueryの切り替えとIFの表示

Question

私には、アカウント管理ページの設定とオプションを含むdivがあります。

$("#moreOptions").slideToggle('slow'); 
if ($("#moreOptions").is(":visible") == true) { 
    $("#lnkMoreOpt").text("Less Options «") 
} 
else { 
    $("#lnkMoreOpt").text("More Options »") 
} 

上記のコードは、それが表示されているかどうかに応じて、より多く/少なくオプションリンクのテキストを変更する必要があります、しかし、jQueryのは、それが見えない/見え作るようトグル扱いません表示されます。

トグル機能を使用してこれを実装するにはどうすればよいですか？

Answer 1

コールバック関数を使用する必要があります。 if文が評価されるまでにslideToggleは完了せず、不正な結果が得られます。私は1つの関数を2回使用する必要がないときので、別々の機能を使用しない

$("#moreOptions").slideToggle('slow', callbackFn); 

function callbackFn(){ 

    var $link = $("#lnkMoreOpt"); 

    $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »"); 


} 

Answer 2

、それは..私はこれが誰かがそれに来るときを理解することが容易であると考えている。..

コードの無駄です

$("#moreOptions").slideToggle('slow', function(){ 
    var $link = $("#lnkMoreOpt"); 
    $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »"); 
}); 

Answer 3

私はこのコードが

$('#element').toggle('slow', function() { 
    if($(this).is(':hidden')) { 
     $(this).text('This element is hidden.'); 
    } 
    else { 
     $(this).text('This element is visible.'); 
    } 
});