以下のような動きを想定したHTMLとCSSを作成します。 CSSによるhoverのデモはこちら 共通HTML 共通CSS <header>のクラス名には下記のサンプル番号(samplexx)が入ります。 What is going on with this article? HTML的には「詳細折りたたみ要素」と言うらしい。, HTML5では、detailsという要素が仕様に追加されました。 Help us understand the problem. 'block':'none';"> Why not register and get more from Qiita? Azure×コミュニティ「Azure Rock Star Community Day」イベントレポート, you can read useful information later efficiently. 使いやすいナビゲーションを持つことは、任意のwebサイトのために重要です。 cssを使用すると、見栄えのよいナビゲーションバーに退屈なhtmlメニューを変換することができます。 ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介, そんな時には、クリックすると中身を展開したり閉じたりすることのできる