jQueryトグルが機能しません

Question

.toggle-item-(number here)を.link(number here)に切り替えるのが好きです。最初はすべて.toggle-itemが閉じています。同時に1つのトグル項目のみを表示する必要があります。新しいトグルアイテムが開くたびに、他の開いたトグルアイテムが閉じるはずです。コードと

リンクはこちらです：http://jsfiddle.net/rAUqb/

なぜjQueryのコードは動作しませんか？

Answer 1

クリックしたときに、それは他の人を閉じてマークのコードを更新しました。

$(document).ready(function() { 
    $('[class^=toggle-item]').hide(); 
    $('[class^=link]').click(function() { 
     var $this = $(this); 
     var x = $this.attr("class"); 
     var className = '.toggle-item-' + x.replace('link', ''); 
     $(className).toggle(); 
     $('[class^=toggle-item]:not('+className +')').hide(); 
     return false; 
    }); 
}); 

Answer 2

コードを更新しました。

番号を正しく取得できませんでした。

$(document).ready(function() { 
    $('[class^=toggle-item]').hide(); 
    $('[class^=link]').click(function() { 
     var x = $(this).attr("class").replace('link', ''); 
     $('[class^=toggle-item]:not(.toggle-item-'+x+')').hide(); 
     $('.toggle-item-' + x).toggle(); 
     return false; 
    }); 
}); 

xの値は完全なクラス名（ "リンク1"、 "リンク2"、など）でした。私は単純に番号を持つために "リンク"部分を取り除いた。

Answer 3

Jquery accordionはお役に立てますか？

Answer 4

使用attr("class")の代わりattr("classname")