JQuery - 같은 클래스의 다음 요소와 요소

Question

내가 원하는 것은 스팬을 클릭하면 다음 ul을 찾은 다음 동일한 ul에 숨기기/표시/슬라이드 토글을 적용한다는 것입니다. 그걸로 수업.

내 HTML은 다음과 같이 보입니다 : 등등

<div class="wrapper">  
     <span class="featureTitle">Trigger</span> 
     <ul class="features1"> 
      <li></li> 
     </ul> 

    </div> 

    <div class="wrapper">  
     <span class="featureTitle">Trigger</span> 
     <ul class="features2"> 
      <li></li> 
     </ul> 

     </div> 
    <div class="wrapper"> 
     <span class="featureTitle">Trigger</span> 
     <ul class="features1"> 
      <li></li> 
     </ul>  
    </div> 

및 ...

내가 작동하지 않는 jQuery 코드의 다음 줄을 알고,하지만 그것은 당신에게 어떤 아이디어를 줄 수 I 내 주위에 :)

jQuery('.featureTitle').click(function(){ 
    var ulClass= jQuery(this).next('ul').attr('class'); 
    jQuery(document).find(ulClass).slideToggle(); 
}); 

어떤 도움을 주시면 감사하겠습니다!

Answer 1

jQuery('.featureTitle').click(function(){ 
    var ulClass= jQuery(this).next('ul').attr('class'); 
    jQuery("." + ulClass).slideToggle(); 
}); 

그 트릭을해야합니다. "."을 추가하여 해당 클래스를 기반으로 셀렉터를 만들 수 있습니다. 수업 이름 앞에서