CSS サンプル: JavaScriptを使わないスライドダウン・スライドアップ

チェックボックスのON・OFFにより表示非表示を切り替えます。(height が transitionできないため、height に影響する margin, padding, border-width, line-height を transition します)

サンプルの枠

後続の文章

山田太郎

後続の文章