jQuery盲目效果在IE中无法正常工作

Question

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

以下是代码段：jsfiddle example

Chrome和＆＃; Firefox浏览器。在IE上它不会“盲目”打开......它只是切换到可见。关闭它时，它会关闭，但整个页面会闪烁一次。

我不知道为什么会这样。我在搜索中找不到对此类行为的引用。今天我的Google-fu可能很弱。

任何人都有任何关于如何让它在IE中发挥出色的想法？不幸的是，我无法强制要求我们不支持I.E。

Answer 1

从CSS中的'.toggle-handle'中删除position: relative属性。似乎为我解决了问题。

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

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

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