간단한 jQuery 아코디언에 window.scrollTo 추가하기

Question

어떻게 작동시키는 지 알 수 없습니다. 몇 가지 대안을 시도했습니다. 윈도우가 .accordion> dt의 상단에 스크롤되도록 설정합니다. 현재이 코드는 패널을 열어 페이지를 다시로드하기 시작합니다.

(function($) { 

    var $j = jQuery.noConflict(); 
    var allPanels = $j('.accordion > dd').hide(); 

    $('.accordion > a > dt').click(function() { 
     $this = $j(this); 
     $target = $this.parent().next(); 


     if (!$target.hasClass('active')) { 
      allPanels.removeClass('active').slideUp(); 
      $target.addClass('active').slideDown(); 
      window.scrollTo($(".accordion").offset().top); 
     } 

     return false; 
    }); 

})(jQuery); 

Answer 1

DT 요소가 앵커 태그에있는 것처럼 보입니다. false를 반환하면 DT 요소의 기본 클릭 동작이 중지되지만 이벤트가 링크까지 전파되지 않도록해야합니다.

$('.accordion > a > dt').click(function(e) { 

    $this = $j(this); 
    $target = $this.parent().next(); 


    if (!$target.hasClass('active')) { 
     allPanels.removeClass('active').slideUp(); 
     $target.addClass('active').slideDown(); 
     window.scrollTo($(".accordion").offset().top); 
    } 

    e.stopPropagation(); 
    return false; 

});