slideToggle和:可见

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不做show/ hide- 是否有其他我可以检查？

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

谢谢,K

Answer 1

您的第一个(非工作)代码片段将:visible在slideToggle处于转换中期时进行测试(更确切地说,它在转换开始后进行测试.)无论您是打开还是关闭,中间转换状态都将是:visible-所以你永远得到true.

.is(":visible")在打电话前尝试检查slideToggle