Jquery hide () должен применяться только к видимым элементам

Question

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

Я хочу, чтобы этот код скрывал только те элементы, которые видны на странице, другими словами, те, которые имеют стиль отображения: блок.

Когда я запускаю этот код на своей странице, он применяет эффект также к невидимым элементам. Элементы, которые невидимы, вообще не должны иметь такого эффекта.

Answer 1

Вы можете использовать :visible селектор

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

Answer 2

Используйте фильтр :visible.Однако обратите внимание, что фильтр :visible будет рассматривать элементы с visibility:hidden или opacity:0 видимыми, поскольку они по-прежнему занимают место на странице.

Answer 3

Вы можете использовать псевдоселектор jQuery :visible

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