私のページにはグリッド レイアウトがあり、li の内部に写真を表示しています。アイテムをクリックするとアニメーション化して、表示される非表示の div 内にコンテンツを表示する方法を教えてください。をお願いします：
a. raise half of the page(and its contents)
b. increase the size of a div in the center for ajax content to be loaded.
c. lower the lower half of the page(and its contents)
コードペン (テスト): http://codepen.io/anon/pen/yktvD