Как я могу переключить его ссылку, чтобы показать промежуток

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

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

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

Чем использовать функцию .slideToggle() для скрытия и отображения ... доступно в библиотеке jquery

checkout: .slideToggle () -: отображать или скрывать соответствующие элементы с помощьюскользящее движение.