#xxx p {
  display:none;
}

<div id="xxx">
   <p>
       <span>Заголовок</span><img ...>
   </p>
   ...
</div>

var step = null;
//  функция инициализации - при загрузке док-та
window.onload = function() {
  // показываем первые три
  var list = document.getElementById('xxx').getElementsByTagName('p');
  for (var i = 0; i < 3; i++) {
    list[i].style.display = 'block';
  }
  step = 1;
}
// А это обработчик кнопки вперед:
document.getElementById('next').click = function(){
  var list = document.getElementById('xxx').getElementsByTagName('p');
  // тут скроем текущие:
  ...
  //  и покажем новые:
  for (var i = step*3; i < step*3 + 3; i++) {
    list[i].style.display = 'block';
  }
  step += 1;  
}