열 때 토글 요소를 표시하도록 화면을 배치 할 수 있습니까?

내가 보여 간단한 토글 버튼에 대한 다음 코드를 사용하고 있습니다/몇 가지 추가 내용을 숨기 :열 때 토글 요소를 표시하도록 화면을 배치 할 수 있습니까?

$(".toggle .button").click(function() { 
    $(this).next().slideToggle('fast'); 
});

문제는 토글 화면 하단에있는 경우, 사용자는 다음 아래로 스크롤하는 것입니다 새로 열린 토글 콘텐츠를 볼 수 있습니다. 그래서 내 질문은 : 토글 된 데이터가 토글을 클릭 할 때 올바른 위치로 점프하여 사용자에게 자동으로 표시되도록하려면 어떻게해야합니까?

감사

출처

2012-10-09 user1280853

http://stackoverflow.com/questions/3464876/javascript-get-window-xy-position을 -for-scroll – polin

당신은 작업 할 애니메이션을 사용할 수 있습니다

$('html,body').animate(
    {scrollTop: $('#your-content-id').offset().top}, 
    'slow' 
);

이 링크는 당신에게 도움이 될 수

출처

2012-10-09 12:12:20 RRikesh

고마워요,하지만 토글 된 콘텐츠 컨테이너로 .show 세부 정보의 클래스가있는 각각의 페이지에 여러 토글 클래스가 있습니다. 토글되지 않은 요소로 현재 토글 된 요소의 특정 클래스를 어떻게 타겟팅합니까? 위의 코드와 같은 ID를 사용하십시오. 많은 – user1280853

덕분에 대상으로 삼을 각 요소에 속성을 추가 한 다음'.attr()'함수를 사용하여 일치시킬 수 있습니다. – RRikesh

열 때 토글 요소를 표시하도록 화면을 배치 할 수 있습니까?

답변

관련 문제