내 사용자 정의 기능을 사용하여이 기능을 토글하는 방법

Question

임 기능을 토글하려고 시도했지만 작동하지 않습니다. 내가

Fiddle

잘못된 메신저 시도 코드 나 특정 전환 할 필요가

$('.toggledropdown').click(function(e){ 
// $('.showdropdowninv',this).toggle('slow'); 
$('.showdropdowninv').toggle('slow'); 
}); 

은 UL 있지만 작동하지를 클릭하지 어디 않습니다. 다음, 가장 가까운 부모 사업부에까지 갈 jQuery의 DOM navigation methods를 사용, 클릭 된 앵커와 관련된 항목 만 표시를 전환하기 위해이

$('.showdropdowninv',this).toggle('slow'); 

Answer 1

처럼

뭔가를 작동하지 않는이 기능을 사용하여 임 그 내 .showdropdowninv 항목 (들) 아래에만 div에 :

$('.toggledropdown').click(function(e){ 
    $(this).closest('div').find('.showdropdowninv').toggle('slow'); 
}); 

당신의 바이올린의

업데이트 버전 : http://jsfiddle.net/V4X4t/243/

(분명히 가장 가까운 상위 요소는 모든 경우 div가 아니지만 피들에 html 용입니다. 당신은 또한 당신이 .closest('.element-dragging')를 사용할 수 귀하의 HTML에 대한 클래스, 예를 들어,에 의해 부모를 선택할 수 있습니다.)

당신이 각 그룹에 대한 체크 박스 "모두 선택"구현하기 위해 유사한 기술을 사용할 수있는 것 또한

(참고.)