jQuery next()는 작동하지 않아야합니다.

Question

간단한 jQuery 효과가 있어야하는 것처럼 보이기 위해 노력하고 있습니다. 전에 비슷한 코드를 사용했지만 작동하지 못합니다. 나는 아직도 이것에 아주 새롭다, 아마 아주 쉬운 무언가이다, 그러나 나는 확실히 언젠가를 보냈다, 나는 그것을 보지 않는다.

내 HMTL이

<a href="#" class="trigger">details</a> 
<div class="details">  
    <?echo $data['referral'];?> 
    <a href="#">update</a> 
</div> 

처럼 내 jQuery를 나는 또한 시도

$(document).ready(function() { 
$('.trigger').click(function() { 
    $(this).nextAll(".details:first").toggle('slow', function() { 
    }); 
    }); 
}); 

이다. $ (이) 다음 내용() (('느린'기능 전환)

$ ('세부 정보'). toggle ('slow', function() 하지만 내 페이지의 모든 세부 정보 탭이 열립니다. 유용합니다.

팁을 주시면 감사하겠습니다.

Answer 1

답변 해 주셔서 감사합니다. 내 문제는 Codeigniter를 사용한 결과 인 것처럼 보였고, 필자는 a와 div 태그 주위에 공백이 있었으며, 패트릭이 제안한 것처럼 생성 된 html을 보았을 때, 공백은 p 태그가 아닌 내 코드는 다음과 같습니다 :

<p> 
<a href="#" class="trigger">details</a> 
</p> 

그래서 저는 parent(). next(). child()와 같은 것을 사용해야 할 것입니다. 나는 공백을 제거했고, 요소는 형제가되었고 모든 것이 잘되었습니다. 이제 codeigniter를 멈추는 방법을 알아야합니다!

다시 한번 감사드립니다!

레베카