首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅在jQuery上使用IE8幻灯片效应的边缘塌陷

仅在jQuery上使用IE8幻灯片效应的边缘塌陷
EN

Stack Overflow用户
提问于 2011-04-25 20:42:48
回答 1查看 1.1K关注 0票数 0

我遇到了一个类似于其他线程的问题,在这些线程中,IE8使用slideUp()和slideDown()效果通过jQuery折叠我的边距。

我正在做手风琴,就像在http://www.airtypehub.com/clients/webllp/practice.html上看到的那样。

折叠的CSS声明是( dt和dd):

代码语言:javascript
运行
复制
.practice #accordion.live dt {
    cursor: pointer;
    margin-bottom: 10px;
}
.practice #accordion dd {
    background: #fff;
    margin-bottom: 10px;
    padding: 20px 20px 1px;
}

JavaScript (节选)是:

代码语言:javascript
运行
复制
$('#accordion').addClass('live');
$('#accordion dd:first').slideDown().prev().addClass('open');
$('#accordion dt:not(.open)').corner('5px').live('click', function() {
    $('#accordion dt').removeClass('open').corner('5px');
    $('#accordion dd').slideUp();
    $(this).addClass('open').next().slideDown();
});

我已经尝试过几种方法,包括:

oft引用的添加溢出的方法:隐藏在上面的CSS声明中,并将其添加到容器#accordion.

  • Adding selectors.

  • Changing :1到上面所有的CSS selectors.

  • Changing my边距。

  • 在JavaScript中创建slideDown()方法的回调,通过jQuery向元素添加CSS,同时尝试溢出和缩放属性。

到目前为止,我还没有得到上述任何一种补救办法。有什么建议吗?提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2011-10-05 11:19:51

我认为这会解决问题:

代码语言:javascript
运行
复制
.practice #accordion dd,
.practice #accordion dt,
.practice #accordion dl{
   width:100%;
   float:left;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5783039

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档