동일한 JS 함수 - 여러 번?

Question

동일한 DIV 블라인드 효과에 대해 .next()를 사용하는 것에 대해 이전에 this (useful!) answer을 얻었습니다.

그러나, 나는 동시에 둘 이상의 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의 live()를 사용해보십시오 :

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

하고 '들을 수'원하는 버튼에 해당하는 클래스를 연결합니다.