Та же функция JS - много раз?

Question

Ранее я получил этот (полезный!) Ответ об использовании .next () для того же эффекта DIV вслепую.

Однако я не могу заставить эту простую функцию работать одновременно с несколькими DIV:

$(document).ready(function(){
    $("#closeButton").click(function (){
    $(this).next().toggle("fast");
    });
});

Есть идеи? Спасибо.

Answer 1

Используемый селектор выбирает только один элемент. Вам нужно было бы изменить это, чтобы он выбрал коллекцию элементов.

$(document).ready(function(){
        $(".wider_div h3").click(function (){
        $(this).next().toggle("fast");
        });
});

Это может работать с учетом структуры.

Answer 2

Это кнопка определенного типа, которая встречается на странице несколько раз? Попробуйте использовать jQuery's live():

$(document.ready(function() {
    $('button.your_class').live('click', function (){
        $(this).toggle('fast');
    });
});

и прикрепите соответствующий класс к кнопкам, которые вы хотите прослушивать.