1 :: Starting state of info ::
Modify your initializer as follows:
$.timeliner({
startState: 'closed'
});
2 :: Slide animation ::
Modify openEvent()
and closeEvent
functions in timeliner.js as follows:
function openEvent(eventHeading,eventBody) {
$(eventHeading)
.removeClass('closed')
.addClass('open')
.animate({ fontSize: settings.fontOpen }, settings.baseSpeed);
$(eventBody).slideDown(settings.speed*settings.baseSpeed); // <-- slideDown
}
function closeEvent(eventHeading,eventBody) {
$(eventHeading)
.animate({ fontSize: settings.fontClosed }, 0)
.removeClass('open')
.addClass('closed');
$(eventBody).slideUp(settings.speed*settings.baseSpeed); // <-- slideUp
}
:: UPDATE 3 ::