純粋なCSSのみの折りたたみ可能なメニューの良い例はありますか？
これはその一例です
http://cssdeck.com/labs/pure-css-tree-menu
この例では、子をからに変更するためのトリガーとして使用しinput:checkedますdisplay:nonedisplay:block
これはli:hoverそれを行うための使用例です
モバイルブラウザの下向き矢印によってトリガーされる純粋なCSS折りたたみ可能メニューを作成します
li:clickしかし、トリガーとして使用したいのですが、これは可能ですか？
アドバイスありがとうございます。例を挙げていただければ幸いです。
はい、できます！
:focusクリックでアクティブ化される疑似を使用できます: http://jsfiddle.net/w5zev/2/非アクティブ化は、この手法ではよりトリッキーです。
ここに私を導いたグーグル検索から取られた：http://quhno.internetstrahlen.de/myopera/csstests/collapsible-paragraph.html#url
これを純粋にCSSで行うことはできません。：clickは有効なcssセレクター属性でもありません（ここで間違っている場合は、誰かが私を修正してください）。使用できるのは、アクティブ、ホバー、訪問済みのみです。ただし、javascriptまたはjQueryを使用できます
例えば。$('li').click(function(){//Do Something});