クリック時のスライダダウンフォーム

Question

ユーザがボタンをクリックしたときにフォームを表示しようとしています。フォームが表示されていますが、1秒間バグがあるようです。フォームは、スライドアップ機能が実行されているときに中央に置かれ、実行されるとページに正常にフィットします。ここで

は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'); 
      }); 
     } 

    }) 
}); 

私が最も可能性が高いCSSで何かが欠けている、jsのコードのいずれかのバグがあるとは思いません。

はこちらをご覧http://codepen.io/nikasv/pen/vKEEZr

感謝を「ここをクリック」青いボタンをクリックします。

Answer 1

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

も、あなたは:)

Answer 2

クラス "trip-form"の幅を100％に設定してください。