jquery - 有序列表编号使用 jQuery SlideDown 消失

标签 jquery css slidedown slideup

看看这个fiddle

谁能解释一下原因:

一个。在动画完成之前,有序列表中的数字不会出现。当数字突然出现时,它会跳动。

第一次关闭 Accordion 后,数字不返回。

当切换标题时,.sublinks 的 css 从可见切换到隐藏,然后永远不会改变回来。

最佳答案

* 编辑 *

我修好了!看看这个 jsFiddle:http://jsfiddle.net/QtQjx/

* 结束编辑 *

您的 CSS 中的 .sublinks 类的填充有冲突。

这是相关的 CSS:

.sublinks {
    display:none;
    list-style-type:none;
    padding:10px 0 20px 55px;
}

.sublinks {
    padding:0;
}

一方面,你告诉它给 .sublinks 列表 padding:10px 0 20px 55px 等等 另一方面,你告诉它不要给它任何填充。去掉第二个 .sublinks 和 将第一个 .sublinks 的填充更改为 10px 0px 20px 0px。

此外,当数字消失时检查下拉菜单,我注意到它更新了顶层 OL代码如下:

<ol class="loweralpha sublinks" style="display: block; overflow: hidden; height: 335px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 20px; ">

如果你能找出这是怎么发生的并消除 overflow:hidden,我想你会解决 你的问题。

干杯!

关于jquery - 有序列表编号使用 jQuery SlideDown 消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11958579/

相关文章:

Jquery加载不起作用

jquery - Internet Explorer 可以将事件绑定(bind)到绝对定位的元素吗?

php - 使用 css 用作单选按钮时突出显示选定的 div

javascript - 通过javascript禁用表单组输入

javascript - translate3d() 导致 jQuery 悬停/单击事件无法正确触发

html - 我的导航栏在折叠后没有展开

Android layout_width & layout_height,它是如何工作的?

CSS3 箭头超链接

javascript - jquery 上下 slider

javascript - 将超时添加到下拉菜单不起作用