1. Идентификаторы и имена тегов в селекторах не нужны, искать надо по CSS-классам, иногда по атрибутам. Если я захочу добавить на страницу 2 сладейра, как они будут работать, если ты ищешь элемент по id? Если я поменяю <ol> на <ul>, скрипт перестанет работать? Ну и т.д.
2. CSS-свойства в скриптах не нужны, оперировать надо CSS-классами. Например, чтобы срыть элемент, добавляешь ему класс hidden, а в CSS уже решаешь, как тебе его скрывать: отрицательным позиционированием, нулевыми размерами, изменением свойств display, visibility или opacity, и т.д.
3. Хорошо бы это все в виде
плагинов оформить, а не обычной лапши. Например:
$("#slider").slider(direction, duration)
Давай чонить поинтересней, например, тоже самое, но без jQuery
Не будет получаться, задавай вопросы, подскажем.