CSSでコンテンツのトグル表示を実装する

チェックボックスを使ってます。
JavaScriptを使ったほうが表現力は高いですが、他にJS使う予定もないしとりあえず隠せればいいか…みたいなページでたまにやるやつです。

See the Pen
Toggle content by CSS by Yu Watanabe (@yuw27b)
on CodePen.

補足みたいなちょっとした文章とか、テーブル内のコンテンツが長すぎたら隠す、みたいな場合に使う。

アニメーションとか、アクセシビリティの考慮（aria属性の追加）とかは難しいので、お手軽に済ませちゃいけないコンテンツの場合はやっぱりJSです。