jQuery 1つのアイテムの2つのオブジェクトを切り替えるクリック

Question

これは単純なものでなければなりませんが、時間がたつと結びついているので、私はidが尋ねると思った...とにかく、どうすれば2つのことをトグルすることができますか？ statusHがにdiv要素である

/* Show/Hide */ 
$("#statusDisplayH").live("click", function(){ 
    $("#statusH").slideToggle("medium"); 


    if($("#statusH").is(":visible")) 
    { 
     $("#statusDisplayH").text("HIDE"); 
    } 
    else 
    { 
     $("#statusDisplayH").text("SHOW"); 
    } 
}); 

...私はdiv要素を隠しそして表示する（効果をスライド）し、同時にテキストを変更するには、この効果を行い、リンクで...私は現在、このコードを持っていますshow/hideとstatusDisplayHはリンク "a href ..."です。もちろん、リンクはdiv内にありません...事前に助けてくれてありがとう！

Answer 1

.slideToggle()にコールバックを使用します。

/* Show/Hide */ 
$("#statusDisplayH").live("click", function(){ 
    var toToggle = $("#statusH"); 
    toToggle.slideToggle("medium", function(){ 
     $("#statusDisplayH").text(toToggle.is(":visible") ? "HIDE IT" : "SHOW IT"); 
    }); 
});