スパンを表示するにはhtisリンクを切り替えるにはどうすればいいですか

Question

以下を見ると、各行のボタンをクリックするとスパン要素 が表示されます。 は、だから私は拡大する2ボタン1と他のcollpses 以下の作品のようなものだけではないFirefoxでIEのを持っている必要があります。 どう

チェックアウトjQueryライブラリで利用できる... TRの各ボタンからiはループ おかげ

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("button").click(function() { 


      var a = $(this).text(); 
      var b = ".s" + a + ""; 
      $(b).slideDown(); 
     }); 
    }); 
</script> 


<tr> 
     <td> <button>Toggle5</button> 
      <br> 
      <span class="sToggle5" style="display: none;">New</span> 
      </td> 

      </td> 
    </tr> 

<tr> 
     <td> <button>Toggle6</button> 
      <br> 
      <span class="sToggle6" style="display: none;">New</span> 
      </td> 

      </td> 
    </tr> 

Answer 1

非表示と表示のための.slideToggle()機能を利用するよりをすることができます：.slideToggle() - ：表示または非表示一致した要素は滑り運動をする。

Answer 2

カンツはslideDownの代わりにslideToggleを使用するだけですか？あなたは本当にあなたのb変数にを必要としません。

Answer 3

あなたは自分自身ではそれほど難しいです。完了

$("button").click(function() { 
    $(this).siblings("span").slideToggle(); 
}); 

：これにより

$("button").click(function() { 


    var a = $(this).text(); 
    var b = ".s" + a + ""; 
    $(b).slideDown(); 
}); 

：この

交換。スパンが閉じている場合はボタンがスライドし、開いている場合は閉じられます。そして、それは兄弟であるので、あなたはクラス名とそれ以外のものについて酔いどる必要はありません。

Answer 4

$(<span class here>).slideToggle('slow');