2011-06-27 14 views
1

私は私のレイアウトで3つのリンクを表示しています。彼らはコンテンツを持つすべての同じテーブルを起動する必要があります。リンク1をクリックするとテーブルが表示されますが、リンク2をクリックするとテーブルは再び非表示になりません(2回クリックすると表示されます)。jQuery show hide複数のリンク

どうすればこの問題を解決できますか?

私が今持っている私のコード:

$(".starterlink").toggle(
    function(){ $(".starterinfo").fadeIn('fast'); }, 
    function(){ $(".starterinfo").fadeOut('fast'); } 
); 
+1

のようなもの? –

+0

私はその中に情報が入った表を表示して隠したいと思っています。しかし、テーブルは、ページ上の3つの別々のリンクによってトリガーされます。 – Maanstraat

答えて

4

私が正しくあなたの質問を理解していれば、なぜあなたはのような何かをしないでください。

を次のテストコード:更新

$(".starterlink").click(function(){ $(".starterinfo").fadeToggle('fast'); }); 

を私のためにうまく動作します。

<a href="#" class="starterlink">Click me</a> 
<div class="starterinfo">This will fade in and out</div> 

<script type="text/javascript"> 
    $(".starterlink").click(function() { $(".starterinfo").fadeToggle('fast'); }); 
</script> 
1

toggle()機能には、toggle(function, function)シグネチャがありません。 IEは引数として2つの関数をとらない。

0

たぶん、あなたがしたい正確にどのような

$("#link1").click(function(){ 
    $("#tableid").attr('visible', false); 
}); 

$("#link2").click(function(){ 
    $("#tableid").attr('visible', true); 
}); 
+0

これはフェージングを除去します。 – pimvdb