单击

Question

我试图在用户点击按钮时显示表单。表格出现但似乎有一秒钟的错误。当执行上滑功能时，窗体会居中，完成后，窗体会正常适合页面。

这是js：

$(document).ready(function() {
    $('.clicked').on('click', function(e) {
        var current = $(e.target).next();
        var show = current.hasClass('hidden');

        if (show) {
            current.hide();
            current.removeClass('hidden');
            current.slideDown('slow');
        } else {
            current.slideUp('slow', function() {
                current.addClass('hidden');
                current.slideUp('slow');
            });
        }

    })
});

我认为js代码中没有任何错误，很可能在css中遗漏了一些东西。

在这里查看并点击蓝色按钮＆＃34;点击此处＆＃34; http://codepen.io/nikasv/pen/vKEEZr

感谢。

Answer 1

您应该尝试将“trip-form”类的宽度设置为100％。

Answer 2

.trip-form{
    width: 100%;
  overflow:hidden;
}

即使你经历了摇晃，

也能做到这一点：）