jQuery盲效在IE中不能正常工作

Question

我有一小段css/javascript/html，它使用jQuery 1.5和jQuery-ui 1.8.9。这是一个相当基本的观点。属于较低div中的内容的元数据的顶部面板。顶部面板使用“盲目”效果打开和关闭。

下面是代码片段：jsfiddle example

在Chrome和firefox上一切正常。在IE上，它不会使open...it“盲目”，只是切换为可见。当关闭它时，它会关闭百叶窗，但随后整个页面会闪烁一次。

我不知道为什么会这样。在我的搜索中，我找不到这种行为的引用。可能我的Google-fu今天不太好用。

有没有人有办法让它在IE中表现得更好？不幸的是，我不能强制要求我们不支持I.E.

Answer 1

将position: relative属性从CSS中的“.togger-handle”中删除。似乎能帮我解决问题。

顺便说一下，您可以在#hideable-content中隐藏CSS div，并将您的JavaScript代码简化为：

$(function() {
    // set effect from select menu value
    $("#toggle-handle").click(function() {
        $("#hideable-content").slideToggle(500);
        return false;
    });
});

http://jsfiddle.net/CTxB7/11/