Элементы слайдов при щелчке с jquery

Question

Я искал везде и не нашел ничего полезного.

У меня есть элемент, содержащий элементы, упорядоченные по вертикали. Мне нужно сдвинуть их, чтобы отобразить следующие элементы в этом div, когда пользователь нажимает на следующую ссылку и отображает предыдущие элементы, когда пользователь нажимает на предыдущую ссылку.

Это должно отображать 3 <li>, а на ЖК-дисплее - три следующих, то же самое с previuos.

<div id="container"> 
    <ul> 
     <li>item1</li> 
     <li>item2</li> 
     <li>item3</li> 
     <li>item4</li> 
     <li>item5</li> 
     <li>item6</li> 
    </ul> 
</div> 

Мне нужен код/​​sugestions. Не хотите использовать плагины.

Не спрашивайте, что я пробовал, просто нужна помощь, а не больше вопросов. Если вы знаете, как делиться, если нет, не комментируйте глупые вещи, чтобы получить голоса.

Answer 1

Я сделал небольшой пример того, как он может выглядеть. Надеюсь, я правильно понял.