javascript - jQuery .toggle(showOrHide) 不工作

Question

我想使用 .toggle( showOrHide ) 函数来检查状态。在 api 文档中，它被称为；

$( "#foo" ).toggle( showOrHide );
if ( showOrHide === true ) {
    $( "#foo" ).show();
} else if ( showOrHide === false ) {
    $( "#foo" ).hide();
}

但是它不起作用。有人知道如何让它工作吗？我想检查状态是显示还是隐藏。

Answer 1

根据文档:http://api.jquery.com/toggle/

The second version of the method accepts a Boolean parameter. If this parameter is true, then the matched elements are shown; if false, the elements are hidden. In essence, the statement:

需要声明true或false；

var showOrHide = true;

if ( showOrHide === true ) {
    $( "#foo" ).show();
} else if ( showOrHide === false ) {
    $( "#foo" ).hide();
}

在大多数情况下使用速记是有意义的，但 OP 似乎要求先检查状态。