Переключатель видимости Jquery не работает

Question

Просто быстрый вопрос, может кто-нибудь сказать мне, где это происходит, я пытаюсь изменить видимость класса, но не могу восстановить его видимость.Скрывать это хорошо:

if($(".ball").is(':visible') == true) { 
   $(".ball").css({ 'visibility': 'hidden'}); 
} else { 
    $(".ball").css({ 'visibility': 'visible'}); 
}

Я не могу использовать переключатель, так как мне нужно, чтобы класс оставался, но не был виден, переключатель будет мешать форматированию.

Помощь будет отличной, спасибо.

Answer 1

Селектор ": видимый" не работает с видимость , только с дисплей

Вот фрагмент документации jQuery http://api.jquery.com/visible-selector/:

Элементы с видимостью: скрытый или непрозрачность: 0 считаются видимыми, поскольку они по-прежнему занимают место в макете. Во время анимации, которая скрывает элемент, элемент считается видимым до конца анимации. Во время анимации, чтобы показать элемент, элемент считается видимым в начале анимации.

Попробуйте это:

if($(".ball").css("visibility") == "visible") { 
    $(".ball").css({ 'visibility': 'hidden'}); 
} else { 
    $(".ball").css({ 'visibility': 'visible'}); 
}

Вот пример http://jsfiddle.net/eGVWM/2/

Answer 2

Вы можете выбрать все элементы с классом ball и затем определить, где он скрыт:

$(".ball").each(function() {
    var ball = $(this);
    if (ball.css("visibility") === "hidden")
        ball.css("visibility", "visible");
    else
        ball.css("visibility", "hidden");
});

Answer 3

$(".ball").toggle(); тоже будет переключаться, но ведет себя с использованием display:none.

Answer 4

if($(".ball").is(':visible') == true) { 
  $(".ball").hide();
 };

Может быть не то, что вы ищете, но оно скроет элементы с классом 'ball'