CSSを使用したクリックして開閉するプルダウンメニュー

CSSを使用して「メニュー1」または「メニュー2」の文字ををクリックする度に、
ツリーメニュー（サブメニュー1、サブメニュー2、サブメニュー3）が
表示、非表示されるようにしたいと思っています。
JavaScriptは使用せずcssのみで、というのは可能でしょうか？

ソースコードは以下です。
<ul>
　<li>メニュー1
　　　<ul>
　　　　<li><a href="sub1-1.html">サブメニュー1</a></li>
　　　　<li><a href="sub1-2.html">サブメニュー2</a></li>
　　　　<li><a href="sub1-3.html">サブメニュー3</a></li>
　　　</ul>
　</li>
　<li>メニュー2
　　　<ul>
　　　　<li><a href="sub2-1.html">サブメニュー1</a></li>
　　　　<li><a href="sub2-2.html">サブメニュー2</a></li>
　　　　<li><a href="sub2-3.html">サブメニュー3</a></li>
　　　</ul>
　</li>
</ul>

オンマウスでは無く、クリックでサブメニューを開閉させたいと考えておりますが、
方法が見つからなく、ご質問させて頂きました。
よろしくお願いいたします。

No.2 ベストアンサー 回答者： yambejp 回答日時： 2006/12/05 12:12

クリックをつかうということはcssではなくjavascriptを

併用することになりますがよろしいのでしょうか？

この回答への補足

javascriptを併用せずに作成したいと思っていましたが、
クリックを使用では不可能なのですね…。
javascriptとcssを併用して作成する事は出来ました。

補足日時：2006/12/05 13:22

この回答へのお礼

回答ありがとうございます。

お礼日時：2006/12/05 13:51

No.1 回答者： ma_f 回答日時： 2006/12/05 11:34

やり方を説明してくれているサイトの紹介だけになってしまいますが……ご参照ください。

参考URL：http://www.stylish-style.com/csstec/ultimate/css …

この回答へのお礼

回答ありがとうございます。
参考URL拝見しました。
今回はマウスオーバーではなくクリックしてプルダウンさせたいと考えております。
しかしcssだけでは難しいようですね。

お礼日時：2006/12/05 13:18