Показать скрытый div и прокручивать его

Question

Я разрабатываю одностраничное приложение, в котором у меня есть три div, которые мне нужно показать скрыть соответственно. В середине div у меня есть вкладки, где я выполняю салфетки.

Я использую Hammer.js для считывания и Jquery-scrollto.js для прокрутки

HTML

<div id="revolutionary">revolutionary</div> 
<div id="middle">middle</div> 
<div id="agendaa">agendaa</div> 

JS

$(document).ready(function(){ 
var revolution = document.getElementById('revolution'); 
var rev = new Hammer(revolution); 

rev.on("swiperight", function(event) { 
    alert('swiped'); 
    $('#agendaa').css('display', 'block').ScrollTo(); 
}); 

//Agenda 
var agenda = document.getElementById('agenda'); 
var agen = new Hammer(agenda); 

agen.on("swipeleft", function(event) { 
    //alert('swiped'); 
    $('#revolutionary').css('display', 'block').ScrollTo(); 

}); 
}); 

Вот когда я swiperight в DIV в нижней части будет и затем прокрутите до этого div. Когда я прокручиваю div в верхней части, сначала должен отображаться, а прокрутка до этого div.

Что здесь происходит, анимация прокрутки работает для нижнего div, но не работает для верхнего div.

EDIT: прокрутка вниз DIV также не работает, то действие прокрутки работает после того, как дивы отображаются (вторая салфетка)

Answer 1

Попробуйте

$('#revolutionary').show('fast', function() { this.ScrollTo(); }); 

Я думаю, что это происходит, что элемент Безразлично Фактически, отображается, пока обработчик события не вернется.