カスタム別のファイルからメニューをロードページのコンテンツ - jQueryの

Question

それでは、私がここでやろうとしていますが次のとおりです。

TITLE0 --Subtitle1 - 隠し - onClickのトグル（） --Subtitle2 - 隠し - onClickのトグル（）

ユーザーが "Title0"をクリックすると、左側にSubtitle1、Subtitle2が表示され、ページは別のファイルからコンテンツを読み込みます。その他のファイルが "Subtitle1"と "Subtitle2"と一緒に "Title0"を表示すると、それらがクリックされたリンクによってはそのファイルを読み込み、メニューを折りたたんではいけません。

どうすればいいですか？ （すでにjQueryライブラリが含まれてい仮定）

<div id="load_stuff"></div> 

例はJavaScript：DIVの

Answer 1

例メニューHTML

<ul> 
    <li class="menu_item">Title0 
    <ul style="display:none;"> 
     <li class="menu_subitem">Subtitle1</li> 
     <li class="menu_subitem">Subtitle2</li> 
    </ul> 
    </li> 
    <li class="menu_item">Title1 
    <ul style="display:none;"> 
     <li class="menu_subitem">Subtitle1</li> 
     <li class="menu_subitem">Subtitle2</li> 
    </ul> 
    </li> 
</ul> 

例では、別のソースからロードするコンテンツを配置する

// process when doc is ready 
$(function(){ 
    // add click event to LI elements with a "menu_item" class. 
    $('li.menu_item').click(function(){ 

     // toggle the child element (subitems) 
     $(this).children('ul').toggle(); 

     // load the page into the div with an id of "load_stuff" 
     $('#load_stuff').load('http://mydomain.com/mypage.php'); 
    }); 
}); 

あなたはメニューフォーマットのためにあなた自身です。