Jquery可见性切换不起作用

Question

只是一个简单的问题,有人可以告诉我这出错的地方,我试图切换一个类的可见性,但我无法恢复它的可见性.隐藏它很好:

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

我不能使用切换,因为我需要保留但不被看到的类,切换将混乱格式化.

帮助会很棒,谢谢.

Answer 1

选择器":visible"不适用于可见性,仅适用于显示

以下是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/