普通のモーダル。

ほんで、どこを触ったら、モーダルが消えるかってところで、バツボタンと背景の2つを指定した。

See the Pen モーダル by 門田正吾 monden shogo (@monden-shogo) on CodePen.

　

次は、アコーディオンなんだけど、ボタン押したら、押したボタンが、下に移動しりながら、コンテンツが展開されるという仕様。

ユーザーにとっていいか分からないけど、一旦、要求されたのでつくりました笑

調べても、全然出てこず、自分でつくりました。

問題点は、ボタンのテキストの入れ替えが、スムーズではないことですね。
それと、やっぱりシンプルに、ボタンの移動も、別に良くは見えないですね笑

See the Pen ボタンが移動するアコーディオン by 門田正吾 monden shogo (@monden-shogo) on CodePen.