使用jQuery设置元素可见性

Question

使用jQuery，元素上是否有一些属性我可以设置为true / false来控制该元素的可见性？

基本上，我需要这样的东西：

$(this).visible(someCondition);

toggle()无效，因为我需要告诉它是否会显示。

show()和hide()有效，但我必须这样做：

if (someCondition) {
    $(this).show();
}
else {
    $(this).hide();
}

正如您所看到的，它并不像我正在寻找的解决方案那样优雅。

Answer 1

toggle(someCondition)会奏效 它需要一个可选的布尔参数。

Answer 2

正如SLak所说，toggle（）有效。如果您使用的是设置了可见性状态的类（即display：none或visibility：hidden），您还可以使用toggleClass（）。

Answer 3

jQuery.fn.visibleCond = function( cond ) {
    if ( cond ) {
        return this.show();
    } else {
        return this.hide();
    };
};

然后：

$(this).visibleCond(someCondition);

小提琴：http://jsfiddle.net/C3daq/