Как скрыть часть контента

У меня на сайте есть некая фотогалерея, которая выводиться с помощью фукции:

function show_all_image() {
global $post, $posts;
preg_match_all("/\<a.*\>\<img.*?\>\<\/a\>/", $post->post_content, $mas);
$mas = $mas[0];
$mas = preg_replace("/<a/", "<a class=\"fancybox\" data-fancybox-group=\"gallery\" ", $mas);
$fimg = array_shift($mas);
echo '<div class="all-post-pictures">';
echo $fimg;
 
$p=count($mas);
for ($i=0; $i<$p; $i++)
{
echo $mas[$i];
}
echo '</div>';
}

Но возникла необходимось скрить часть фото с возможностью их открытия при нажатии кнопочки.
Идея в том, чтоб создать отображение галереи как в гугла поиск изображений, тоесть
когда человек заходит в галерею он видит там 30 фото (например), а в низу есть кнопочка "ПОКАЗАТЬ ЕЩЕ" при нажатии на которую откривается еще 30 и т.д.

Может есть у кого какие идеи, решение..