jQuery slideUp无法正常工作。

Question

我有一个关于slideUp（）方法的问题。它仅适用于最后一个元素（第3小组）。前两个下滑，我不知道为什么..请记住，我刚刚开始使用jQuery，我真的是一个新手。

这是jQuery代码：

$(document).ready(function () {

    $('.panel').on('click', function() {
        $(this).slideUp(600);
    });

});

这是JSfiddle - ＆gt; http://jsfiddle.net/py4tfq3f/2/

感谢您的时间!!

Answer 1

将display:inline-block从panel div更改为float:left，它解决了问题。

<强> DEMO

CSS：

.panel {
    margin: 50px 0 0 10px;
    width: 200px;
    height: 200px;
    font-family: tahoma;
    float:left;
    border: 2px solid gray;
    border-radius: 5px;
    overflow: hidden;
}