javascript - 点击下拉列表

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中丢失了一些错误。

在这里看看，然后单击蓝色按钮“ Click Here” http://codepen.io/nikasv/pen/vKEEZr

谢谢。

Answer 1

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

即使您感到摇晃也能解决问题:)