jQuery slideUp工作不正常

jQuery slideUp not working correctly.

本文关键字：不正常 工作 slideUp jQuery      更新时间：2023-09-26

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

这是jQuery代码：

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

这是JSfiddle->http://jsfiddle.net/py4tfq3f/2/

感谢您抽出时间！！

将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;
}
相关文章：