CSS サンプル: JavaScriptを使わないツリービュー

チェックボックスのON・OFFをもとにツリーの開閉を実現します。

単純な例

<label> を活用して項目テキストのクリックでチェック開閉をできるようにする例

チェックボックスを変更する例

※十字を linear-gradient() で表現しているためブラウザごとに若干違いがあります。