Javascript jQuery slideUp无法正常工作。

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

以下是jQuery代码：

$(document).ready(function () {

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

});

这里是JSfiddle->

---

谢谢你抽出时间

将

display:inline block

从

panel div

更改为

float:left

，它解决了这个问题

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;
}