jquery ajaxとサブメニュー

Question

こんにちは皆私はここに投稿し、間違いのために私の英語を実践してください！

だけでなく、私はjQueryとJavaでかなり新しいですが、私はその日の翌日を学び、私はこのチュートリアルのWebページのデモで

http://tympanus.net/codrops/2011/03/09/animated-content-menu/

Webページは非常にいい見つけ、あなたがメニューを持っているときそれをクリックすると、選択したメニューの要素に依存する特定のサブメニューappaearが表示されます。

1. 私の最初の質問は：私は一つの要素をクリックしたが、私はメニューの別の要素をクリックしてサブメニューを閉じるには、方法がわからないときに、メニューが表示できるようにする方法を知っています。デフォルトデモでは、十字キーをクリックしてサブメニューを削除し、再びメニューを表示させます。私はこの説明が理にかなってほしい。

2. 2番目の質問は、メインページに着陸したときに、デフォルトのデモで空のコンテンツとバックグラウンドのみで表示されるため、メニューの1つの要素のサブメニューを直接表示する方法です。すべての答えをあなたは非常に多くの

感謝。 リチャード

Answer 1

は、だからあなたの最初の質問のために、彼らは次のようにマークアップしている：

<ul id='menu'> 
    <li> 
     <a href="#">Menu 1</a> 
     <div>Content goes here</div> 
    </li> 
    <li> 
     <a href="#">Menu 2</a> 
     <div>Content goes here</div> 
    </li> 
</ul> 

そして、あなたは次のようにスクリプトを持っているでしょう：できるだけ早くあなたが希望ページに着陸として何かを表示するには

var anchors = $("#menu a").click(function(e){ 
    e.preventDefault(); 
    var clicked = this; 
    $(this).siblings('div').show(); 
    anchors.filter(function(index) { 
     return this !== clicked; 
    }).siblings('div').hide(); 
}); 

do：

$("#menu a:first").click();