slideToggle和：visible

Question

当使用sliderToggle方法时，:visible表达式永远不会返回除true之外的任何内容。

如果我手动使用show/hide与:visible表达式一起工作就好了。

例 失败

：

例

jQuery(".fileNode .nodeExpander").click(function() { 
    var notes = jQuery(this).parent().siblings(".fileNotes"); 
    notes.slideToggle ("fast"); 

    var isVisible = notes.is(":visible"); // Always returns true... 

    // Do stuff based on visibility... 
}); 

工作：

jQuery(".fileNode .nodeExpander").click(function() { 
    var notes = jQuery(this).parent().siblings(".fileNotes"); 
    var isVisible = notes.is(":visible"); 

    if (isVisible) 
     notes.hide("fast"); 
    else 
     notes.show("fast"); 

    // Do stuff based on visibility... 
}); 

一些HTML代码：

<ul> 
    <li class="fileNode"> 
     <img src="<%= Url.Content ("~/Images/Collapse.png") %>" alt="<%= UIResources.CollpaseAltText %>" class="nodeExpander" /> 
    </li> 
    <li class="fileLink"> 
     <%= Html.ActionLink (file.Name, "Details", new { id = file.FileId }) %> 
    </li> 
    <li class="fileNotes"> 
     <%= file.Description %> 
    </li> 
</ul> 

我假设slideToggle不做a show/hide - 有什么我可以检查？

我试过Firefox 3.5，IE 7,8和Chrome 4 ......都有相同的结果。

感谢， ķ

Answer 1

您的第一个（非工作）的代码片段将测试:visible同时的slideToggle是中期过渡（更准确地说，它测试它的转换开始之后。）不管你是否”重新开放或关闭，中间过渡状态将是:visible - 所以你总是得到true。

尝试调用slideToggle

Answer 2

尝试添加处理程序之前检查.is(":visible")。

notes.slideToggle ("fast", function() { 
    var isVisible = notes.is(":visible"); 
});