イベントをクリックしたときに表示されるリスト

Question

親リストのポイントをクリックすると子リストを表示したいのですが（Wikipediaの記事でコンテンツテーブルを最小化して最大化できる方法と同様です）、どうすれば実現できますか？

私は基本的なHTML年前に学んだことがあり、それを学んだとしてもこれをどうやって行うのか覚えていません。助けてくれてありがとう。

Answer 1

をあなたがすることはできませんこれを行う。ここで

はjQueryと例です。

JS

$('#nav > li').click(function() { 
    $(this).find('ul').toggle(); 
}); 

HTML：

<ul id="nav"> 
    <li>Menu item</li> 
    <li>Menu item</li> 
    <li>Menu item</li> 
    <li>Menu item</li> 
    <li>Menu item 
     <ul class="sub-menu"> 
      <li>Menu item</li> 
      <li>Menu item</li> 
      <li>Menu item</li>   
     </ul> 
    </li> 
</ul> 

コード：http://jsfiddle.net/4mgqK/2/

Answer 2

あなたはツリービューを意味しますか？その場合は、jsTreeのようなものがあなたの目的に合っているかもしれません。

ブロック（たとえば、div要素に含まれる）のブロックを表示または非表示にする必要がある場合は、jQuery toggleが必要な場合があります。

Answer 3

これを行うにはjavascriptを使用できます。 jQueryを使用する場合、これを行うのは非常に簡単ですが、ページにjQueryを追加する必要があります。基本的なjQueryの詳細については、ここで見つけることができます：

http://docs.jquery.com/How_jQuery_Works

あなたはjQueryのをインポートする場合、あなたはそれをこのように行うことができます任意のスクリプト（JavaScriptやjQueryの）Withou

$("#parentElementId").click(function() 
// if your parentElement has been clicked, excecute this function 
{ 
    $("#childElementId").show(); // if it has been hidden before with css(display:none) 
});