Как сделать, чтобы половина html показалась, а половина нет?

Question

[KOPC1886]

Всем привет!
Есть html(всякие p, span и прочее, бывает что и table), который вставляется в div

Как мне сделать, чтобы в зависимости от высоты div, скрывать половину этого html?

<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
</div>

В примере выше, по идее должно отобразиться только первый три абзаца, а следующие три скрыться и при slideToggle отобразиться.

Как это сделать?