Хочу сделать простенький слайдер:
<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"?