chcem urobiť každú sekciu, aby sa posúvala horizontálne kliknutím na navigačnú šípku? každá sekcia má nekonečné vertikálne posúvanie - javascript, jquery, html, css3

teraz chcem, aby sa každá sekcia posúvala vodorovne kliknutím na navigačnú šípku? každá sekcia má nekonečný vertikálny zvitok.

1. Navigačná šípka pre navigáciu na horizontálne posúvanie.

<a class="arrow arrow-left" role="button"></a>

2.start obsah.

<section class="timeline" id="1">infinite content..</section>
<section class="timeline" id="2">infinite content..</section>
<section class="timeline" id="3">infinite content..</section>
<section class="timeline" id="4">infinite content..</section>

<a class="arrow arrow-right" role="button"></a>

.timeline{
position: relative;
margin: 30px auto;
width: 100%;
}
.arrow {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
position: absolute;
}

.arrow-right {
border-left: 15px solid #000;
right: 0;
}
.arrow-left {
border-right: 15px solid #000;
left: 0;
}

odpovede:

Pozri sa na Jquery Animate () Funkcie.

Tu môžete definovať sekciu časovej osi pre posúvanie doľava a doprava podľa šípky, na ktorú ste klikli