IE11中的Bug slideDown jQuery

时间:2016-07-27 07:14:15

标签: javascript jquery internet-explorer-11

我有IE11和jQuery函数.slideDown()

的问题

当我按下按钮调用函数.slideDown()时,它看起来像下图。

http://i68.tinypic.com/11u8cns.png

如果我移动鼠标,缩进(或它可以被称为)会消失,但是如果我折叠并在那里扩展则会再次出现。

有谁知道这是一个已知错误,还是对我如何解决这个问题有任何建议?

编辑:更新了一些代码。

HTML

<div class="small-info">
    <div class="expande">
        <span id="show-more">read more</span><span class="icon-arrow-down"></span>
    </div>
</div>

<div class="extended-info" hidden>
....
</div

JS

$('#show-more').on('click', function() {
    $('.small-info').slideUp();
    $('.extended-info').slideDown();
});

1 个答案:

答案 0 :(得分:0)

我遇到与此问题相同的问题,jQuery slideToggle and CSS border-radius propery show wired in IE10

通过在扩展信息&amp;中添加以下内容来修复小信息:

display:inline-block;

而不仅仅是display:block;