[samdo]

Приветствую, братья!
Не первый раз пишу с просьбой в надежде, что (как всегда) мне тут подскажут решение задачки)

Есть конструкция вот такого вида:

<div class="inner">
	<div class="product-row">Product 1</div>
	<div class="product-row">Product 2</div>
	<div class="product-row">Product 3</div>
	<div class="product-row">Product 4</div>
	<div class="product-row">Product 5</div>
	<div class="product-row">Product 6</div>
	<div class="product-row">Product 7</div>
	<div class="product-row">Product 8</div>
	<div class="view_all">
		<span>View all elements</span>
	</div>
</div>

И css:

.product-row:nth-child(5),
.product-row:nth-child(6),
.product-row:nth-child(7),
.product-row:nth-child(8) {
	display: none;
}

Подскажите, как по клику на "View all elements" применить "display:block" к тем, кому мы через "nth-child" задали "display:none".

Или сделать из этого спойлер, главное чтобы это работало через nth-child (первые четыре элемента показываем, остальные показываем только по клику).
Спасибо!