: 찾으십시오. ('요소')이 잘 작동

Question

$(document).ready(function(){ 
     $(function(){ 
      $(".content").hide(); 
      $('.more-btn').click(function(e){ 
       e.stopPropagation(); // to lower "DOM layers" 
       $(this).closest('section').find('.content').show(500, 'swing'), $('body').css('cursor','help'),$.scrollTo('.content', 800, {offset:-50, easing:'easeInOutBack'}); 
       $(this).hide(); 
      }); 

, 내 문제는 내가 특히이 콘텐츠 경로

을 선택 하는 방법을 알아낼 수 있다는 것입니다 이

$.scrollTo('.content', 800, {offset:-50, easing:'easeInOutBack'}); 

에서 내

$(this).closest('section').find('.content') 

내가 단지 scrollTo 플러그인 예를

을 사용하는 동안 일반 선택 문자열을 사용할 수 없습니다 것 같다

$.scrollTo($(this).closest('section').find('.content'), 800, {offset:-50, easing:'easeInOutBack'}); 

플러그인을 사용하여 선택기를 사용하는 것이 다른 방법으로 작성해야한다고 생각합니다. 잘못된 경우 나에게 맞습니까?

더 많은 버튼을 눌렀을 때 가장 가까운 콘텐츠 섹션으로 스크롤하려고한다는 말을해야합니다.

HTML은

<section> 
       <article class="toggle-box" id="toggle1"> 
        <aside class="info-rollover"> 
         <h3>Locavores</h3> 
         <button class="more-btn">Show More</button> 
        </aside> 
       </article> 
       <aside class="content"> 
        <img src="images/loca/1.jpg"/> 
        <img src="images/loca/2.jpg"/> 
        <img src="images/loca/3.jpg"/> 
        <img src="images/loca/4.jpg"/> 
        <img src="images/loca/5.jpg"/> 
        <img src="images/loca/6.jpg"/> 
        <img src="images/loca/7.jpg"/> 
        <img src="images/loca/8.jpg"/> 
        <img src="images/loca/9.jpg"/> 
       </aside> 
     </section> 

Answer 1

UPDATE :

귀하의 코드가 잘 작동 :

을 대신 이것 :

$.scrollTo($(this).closest('section').find('.content'), 800, {offset:-50, easing:'easeInOutBack'}); 

:

는

$.scrollTo('.content', 800, {offset:-50, easing:'easeInOutBack'}); 

이 사용할 수 있습니다 6,

이 작업 바이올린 참조하십시오, 나는 여러 섹션에 추가 한 귀하의 의견으로 당 http://jsfiddle.net/manishie/eeLms/

을하고 올바른 섹션에 버튼 스크롤 중 하나를 클릭합니다.

MKM