jQuery if statement to check visibility

Question

Я пытаюсь написать скрипт, который будет скрывать/показывать div в зависимости от видимости других элементов. Действие должно выполняться, когда я нажимаю на другой элемент. Вот что я написал до сих пор:

$('#column-left form').hide(); 
    $('.show-search').click(function() { 
     $('#column-left form').stop(true, true).slideToggle(300); 
     if($('#column-left form').css('display') == 'none') { 
      $("#offers").show(); 
     } else { 
      $('#offers').hide(); 
     } 
    }); 

Он скрывает div, но он не возвращается, когда я скрываю форму. Буду благодарен за любую помощь :)

редактировать:

Хорошо, я сумел для того чтобы достигнуть желаемого эффекта, написав это:

$('#column-left form').hide(); 
    $('.show-search').click(function() { 
     if ($('#column-left form').is(":hidden")) { 
      $('#column-left form').slideToggle(300); 
      $('#offers').hide(); 
     } else { 
      $('#column-left form').slideToggle(300); 
      $("#offers").show(); 
     } 
    }); 

Я не знаю, если это написано правильно, но он работает;) Спасибо всем за помощь!

Answer 1

Вы можете использовать .is(':visible'), чтобы проверить, если что-то видно и .is(':hidden'), чтобы проверить на противоположное:

$('#offers').toggle(!$('#column-left form').is(':visible')); // or: 
$('#offers').toggle($('#column-left form').is(':hidden')); 

Ссылка:

• http://api.jquery.com/is/
• http://api.jquery.com/visible-selector/
• http://api.jquery.com/hidden-selector/

Answer 2

попробовать

if ($('#column-left form:visible').length > 0) { ... 

Answer 3

$('#column-left form').hide(); 
$('.show-search').click(function() { 
    $('#column-left form').stop(true, true).slideToggle(300); //this will slide but not hide that's why 
    $('#column-left form').hide(); 
    if(!($('#column-left form').is(":visible"))) { 
     $("#offers").show(); 
    } else { 
     $('#offers').hide(); 
    } 
    }); 

Answer 4

Да, вы можете использовать .is(':visible') в JQuery. Но пока код работает под браузером сафари .is(':visible') не работает.

Поэтому, пожалуйста, используйте код ниже

if($(".example").offset().top > 0) 

выше линия будет работать как IE, а также сафари также.

Answer 5

После исправления проблемы производительности, связанные с использованием .а («Видимый»), я бы рекомендовал против вышеуказанных ответов и вместо того, чтобы использовать код JQuery для принятия решения, виден ли один элемент:

$.expr.filters.visible($("#singleElementID")[0]); 

Что. Is делает, проверяет, находится ли набор элементов в пределах другого набора элементов. Таким образом, вы будете искать свой элемент во всем наборе видимых элементов на своей странице. Наличие 100 элементов довольно нормально и может потребоваться несколько миллисекунд для поиска по массиву видимых элементов. Если вы создаете веб-приложение, у вас, вероятно, сотни или, возможно, тысячи. Наше приложение иногда принимало 100 мс для $ ("# selector"). Is (": visible"), так как он проверял, был ли элемент в массиве из 5000 других элементов.

Answer 6

если видно.

$("#Element").is(':visible'); 

если он скрыт.

$("#Element").is(':hidden');