Хочу сделать простенький слайдер:
<div class="slider">
<ul>
<li style="display: none">пункт 1</li>
<li style="display: none">пункт 2</li>
<li style="display: none">пункт 3</li>
</ul>
</div>
<div class="paginator">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
Как сделать, чтобы при клике на пункт нижнего списка, этому пункту добавлялся бы класс "now", а в верхнем меню у соответствующего пункта становился бы "display: block"?