Question

看下面我想展示span元素当我单击每行上的按钮时，当我再次单击它时也隐藏。所以我需要有2个按钮，一个扩展，另一个按下以下类型的工作，但只在IE不在Firefox中。我怎样才能遍历tr中的每个按钮谢谢

 <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()函数进行隐藏和显示...在jquery库中可用

结帐：.slideToggle() - ：使用滑动动作显示或隐藏匹配的元素。

Answer 2

你只能使用slideToggle代替slideDown吗？你真的不需要b变量上的+ ""

Answer 3

你让自己太难了。

兑换这个：

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


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

有了这个：

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

完成。现在，按钮将在跨度打开时滑动打开，如果打开则关闭。因为它是一个兄弟姐妹，你不需要用类名和诸如此类的东西来喋喋不休。

Answer 4

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

如何切换此链接以显示跨度

4 个答案: