可視要素にのみJquery hide（）を適用する必要があります

Question

$(".selector").hide("fold", 2000); 

このコードでは、ページに表示されている要素、つまりスタイルdisplay：blockを持つ要素のみを非表示にします。

このコードをページ上で実行すると、このコードは表示されない要素にも適用されます。目に見えない要素は、その影響を全く受けてはいけません。

Answer 1

あなたはjQueryの:visible pseudoselector

$(".selector:visible").hide("fold", 2000); 

Answer 2

を使用することができます。ただし、:visibleフィルタでは、visibility:hiddenまたはopacity:0の要素がまだページ内の領域を消費するため、可視と見なされます。

Answer 3

:visibleフィルタを使用を使用することができます:visibleセレクタ

$(".selector:visible").hide("fold", 2000);