jQuery - >要素の可視性を確認する

Question

多くの場所で表示/非表示になるdiv要素があります。私は

$("#divtobetracked").hide(); 

または

$("#divtobetracked").show(); 

をすれば 、それは別のアクションが発射されることは可能ですか？ 要素の.hide（）がある場合、ボタンも非表示にする必要があり、要素を表示する場合は、ボタンも表示する必要があります。

私は、私が望むものをトグルして実行する関数を書くことができると思います。要素を表示/非表示にするには関数を呼び出します。

しかし、別の可能性があります。 .live（）イベントのように？

よろしくお願いいたします。

Answer 1

いいえ、それは存在しません。あなたがあれば、

$('#divtobetracked').hideMe(); 

そして：

は

(function($) { 

    $.fn.hideMe = function() { 
    this.hide(); 

    this.each(function() { 
     // Do more stuff here. 
    }); 

    // Maybe even: 
    this.trigger('hideMe.hidden'); 
    }; 
})(jQuery); 

その後のために古い.hide()呼び出しを置き換える：あなたが言及したようにあなたは、関数を書くことができ、またはあなたはjqueryのを拡張することができ、このように（もhttp://docs.jquery.com/Plugins/Authoringを参照してください）また、 "トリガー" コールを含め、あなたが今行うことができます。

$('#divtobetracked').bind('hideMe.hidden', function() { 
    // do some specific stuff for this div here, like: 
    $('#somebutton').hide(); 
}); 

も参照してください：​​。

---

それとも、あなたが本当にやりたいことがdiv要素と同時にボタンを非表示の場合は、単にそれらに同じクラス与える：

<div id='#divtobetracked' class='hide-me'></div> 
<button id='#somebutton' class='hide-me'></button> 

、その後

$('.hide-me').hide(); 

Answer 2

.hide（）および.show（）にcallback引数を使用すると、.trigger（）を呼び出すことができます。​​および​​を参照してください。

$($('#divtobetracked').bind('hideandshow', function() { 
    alert('divtobetracked was hidden or shown'); 
}); 
$("#divtobetracked").hide(function() { 
    $("#divtobetracked").trigger('hideandshow'); 
}); 

Answer 3

$("#divtobetracked").toggle(); 

希望は、これは...それはあなたを助ける...

Answer 4

はこの議論を読むことができます...
check visibility of element

ともこれを試して

if( $(element).is(":visible") == "true"){ // do something } 

else{ // do something else<br> }