Question

我的jquery幻灯片没有滑动，它真的只是出现了。如果我做的话，我可以看到动画.show，但我希望它从上到下出现。我尝试了以下相同的结果（只显示，没有动画）：

$(document).ready(function () {

    $('#aboutLink').click(function () {
        console.log("click");
        $('#content').slideDown(3000);
    });

});

和

$(document).ready(function () {

    $('#aboutLink').click(function () {
        console.log("click");
        $('#content').slideDown('slow');
    });   
});

CSS：

.content {
    background-color:#E8E8E8;
    min-height:700px;
    margin-left:22px;
    margin-right:auto;
    border-radius: 0px 0px 10px 10px; 
    -moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius: 0px 0px 10px 10px;
    display:none;
}

HTML

    <div class="grid_11 content" id="content">

    </div>

Answer 1

它试图寻找height property.

The .slideDown() method animates the height of the matched elements.

但您只定义了min-height

尝试将其替换为height : 700px

<强> Check Fiddle

像这样的东西

 $('#aboutLink').click(function () {
     console.log("click");
     $('#content').animate({
         height: '400px'
     }, 3000);
 });

但要实现这一目标，您需要确保该元素未隐藏在页面上。否则它将无法工作。

<强> Animate Fiddle

Jquery滑动不滑动

1 个答案: