Slidetoggle next element

Question

"많은 읽을 거리가있는"링크가있는 많은 미리보기가 있는데, 모든 코드 조각에 대해 동일한 선택기를 사용할 수있는 방법을 찾고 있습니다. 대신 다음 요소의 하나를 클릭 할 때

<script> 
$(document).ready(function() { 
    $(".readmore").click(function() { 
     $(".readmore").next().slideToggle("slow", function() { 
      $(window).scrollTop($(this).offset().top); 
     }); 
    }); 
}); 
</script> 

Visible text 1<a class="readmore">Read More 1</a><div class="more">Text to appear 1</div> 
Visible text 2<a class="readmore">Read More 2</a><div class="more">Text to appear 2</div> 
Visible text 3<a class="readmore">Read More 3</a><div class="more">Text to appear 3</div> 

<style>.more {display:none}</style> 

불행하게도, 모든 조각 텍스트가 나타납니다 링크 "자세히"나는 jQuery의 다음 작업 수 있다고 생각했다. 위의 코드에 어떤 문제가 있습니까?

여기에 JsFiddle이 있습니다. 당신은 그래서 click() 이벤트 함수에서 next() 선택은 같은에서 대신 클래스 readmore 모든 요소의 현재 클릭 한 요소에 적용되는

$(".readmore").click(function() { 
    $(".readmore").next()... 

$(".readmore").click(function() { 
    $(this).next()... 

에 변경해야

Answer 1

시각.