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

Question

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

这是代码片段： jsfiddle 示例

在 Chrome 和 Chrome 上一切正常火狐浏览器。在 IE 上，它不会“盲目”打开......它只是切换到可见。关闭它时，它会关闭，但随后整个页面会闪烁一次。

我不知道为什么会发生这种情况。我在搜索中找不到此类行为的参考。今天我的 Google-fu 可能很弱。

有人知道如何让它在 IE 中正常运行吗？不幸的是我不能强制我们不支持 IE

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/