숨겨진 div 표시 및 클릭시 동시에 내리기

Question

현재 숨겨진 섹션 (일정, 요율)이있는 사이트에서 작업하고 있습니다. 링크 버튼을 클릭하면 해당 섹션이 표시되고 해당 섹션으로 이동합니다. 나는 단지 하나 또는 다른 일이 일어날 수 있습니다. 나는 div id = "extracontent"로 점프하기 위해 앵커 태그를 사용하고 javascript 함수를 사용하여 숨기고 내용을 표시합니다. 그러나 그것이 숨겨져 있다면 그것이 공개 될 때 조금 아래로 점프합니다. 버튼을 다시 클릭하면 잘 돌아갑니다. 나는 이것이 타이밍 문제라고 확신하지만 jquery 나 javascript에 관해서는 완전히 새로운 newb이므로 어떻게 처리해야하는지 전혀 모른다. 내가 어떤 도움을 명확하고 감사했다 http://www.davidarabis.com/OYoga/

희망 :

는 현재 사이트를 확인할 수 있습니다.

Answer 1

당신은 단순히 "slick-에 온 클릭 핸들러를 추가 할 수 있습니다 과 같이, HTML에서 "앵커 요소를 전환 :

<a onclick="$('#extracontent').show();" id="slick-toggle" class="schedule" href="#extracontent">Check out our Schedule &amp; Rates</a> 

Answer 2

이 시도 :

$('#slick-toggle').click(function(e) { 
    e.preventDefault(); 
    $('#extracontent').show(400, function() { 
     window.location = $('#slick-toggle').attr('href'); 
    });  
}); 

그것은이 내용을 표시 한 후 앵커를 포함하도록 URL을 변경해야합니다. 그것은 비록 테스트되지 않습니다.

Answer 3

내 머리 위로 떨어져,이 시도 :

$('#my-div').show('normal', function() { 
     window.location = '#anchor-name'; 
    }); 

그렇지 않으면, 당신은 또한에 의해 더 잘 만들 수

var pos = $('#my-div').show('normal').offset().top; 
$('html, body').animate({ scrollTop: pos + 'px' }, 'normal', 'swing');