[j0hnik]

<div class="category-products-page-content">
	<p>Первая часть текста</p>
	<p><!-- pagebreak --></p>
	<p>Вторая часть текста</p>
</div>

<div class="category-products-page-content">
	<p>Первая часть текста</p>
	<p><!-- pagebreak --></p>
	<p>Вторая часть текста</p>
</div>

<script>

	[].forEach.call(document.querySelectorAll('.category-products-page-content>p'), function(el){
		if(el.firstChild.textContent == ' pagebreak ') {
			el.nextElementSibling.style.display = "none";
			el.nextElementSibling.insertAdjacentHTML('afterend', '<button>Подробнее</button>');
		}
	});

	[].forEach.call(document.querySelectorAll('.category-products-page-content button'), function(el){
		el.onclick = function(e){
			var el = e.target.previousElementSibling;
			el.style.display = el.style.display == "none"? "block":"none";
			e.target.textContent = e.target.textContent == "Подробнее"?"Cкрыть":"Подробнее";
		};
	});
</script>

Допилил