如何滑动div并显示隐藏的div?

时间:2014-03-13 15:42:02

标签: javascript jquery html

我在标题下有一个隐藏的div,并希望通过向下滑动用户点击来显示它。但是,即使我的代码看起来是正确的,我也无法实现滑动效果。你能帮我找出问题所在吗?我相信问题在于:

#logRegFormContainer{
    display: none;
    z-index: 11;
    position: relative;
    min-width: 980px;
    min-height: 80px;
    opacity: 0.9;
    background-color: red;
    box-shadow: inset 0 0 10px black;
}

JSfiddle is here.

2 个答案:

答案 0 :(得分:3)

问题是在CSS中使用min-height(虽然我不确定为什么 min-height会导致此问题);如果它被height替换,那么它可以正常运行:JS Fiddle demo

答案 1 :(得分:1)

删除min-height属性。

这样可以防止div高度小于80px,从而防止幻灯片动画。