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

Question

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

这是代码片段：jsfiddle 示例

在 Chrome 和 firefox 上一切正常。在 IE 上，它不会“盲目”打开……它只是切换到可见。关闭它时，它会百叶窗关闭，但整个页面会闪烁一次。

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

任何人有任何想法如何让它在 IE 中玩得很好？不幸的是，我不能强制我们不支持 IE

Answer 1

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

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

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

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