Загрузка даных по требованию JS\Ajax

пользователи попросили сделать возможность подгрузки комментариев прямо на главной. я ничего умнее не придумал чем просто прятать комменты

<a href="<?php the_permalink() ?>" name="com<?php the_ID() ?>" onclick="showHide(<?php the_ID() ?>,'<?php the_permalink() ?>',this,'comments');return false;">Показать комментарии</a>
 
<div id="comText<?php the_ID() ?>" style="display: none">
<a href="#com<?php the_ID() ?>" onclick="showHide(<?php the_ID() ?>,0,this,'comments');return true;">Скрыть комментарии</a>
 
<?php
  comments_template();
?>

проблема в том что так все комменты загружаются сразу и сильно увеличивают количество запросов к базе.

можно как то javascriptom сделать что бы <?php comments_template(); ?> подгружалось только когда пользователь нажал "Показать комментарии" ?

------------

или дайте пожалуйста пример как ajaxом сделать подгрузку page.php