jqueryのタブ誤差の問題

Question

こんにちはすべてイムは、簡単なタブメニューをしようとしてjQueryとイムをしようが、私はちょうどそれが私のコンテンツを非表示に取得カント、あなたは私がここに

http://jsfiddle.net/YyJ7V/

作ったものを見ることができますあなたはまた、＃の代わりに変更し、mispelledた間違った

Answer 1

これは、私はそれを行うだろうかです：

$(function() { 
    var tabContainers = $('div.tabs > div'); 
    tabContainers.hide(); 
    $('.tabsNavigation a').click(
     function(){ 
      var which = $(this).parent().index(); 
      $(tabContainers).eq(which).show().siblings().filter('div').hide(); 
      return false; 
     }); 
}) 

JS Fiddle demo。

注：

• あなたの質問に私のコメントで示唆されるように：あなたはあなたのデモではなく、jQueryのよりMooToolsはを、使用していました。これは動作しません。あるいは、おそらくまれに構文/使用の差異のために
• filter()のスペルが間違っている可能性があります。
• IIは、アクションを行うために、あなたのデモでは、任意のクリックハンドリングを見ることができなかったので、私は一緒にjQueryのデモを置くとき。

Answer 2

http://jsfiddle.net/loktar/YyJ7V/3/

$(function() { 
    var tabContainers = $('div.tabs > div'); 
    tabContainers.hide().filter('#tab1').show(); 
}) 

フィルターをやって何イムを教えてくださいことを願って：、それ動作するようです。上記のDavid Thomasのように、私はjs fiddleでjqueryに変更する必要がありましたが、デフォルトではmootoolsに設定されていました。