点击滑动窗体

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的东西。

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

感谢。

Answer 1

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

会做的伎俩，即使你体验:)

Answer 2

您应该尝试将类“旅行形式”的宽度设置为100％。