function paginationButton()
{
$('#btnpagination').animateCss('pulse', function() {
var pag = document.querySelectorAll("#productnote");
for (var i = 0; i<pag.length; i++)
{
if (pag[i].style.display == "block")
{
for (var b = i+6; b<i+12; b++)
{
if(pag[b]==undefined)
{
$('#buttonfilter').empty();
break;
}
pag[b].style.display = "block";
}
for (var c = i+5; c>=0; c--)
{
pag[c].style.display = "none";
}
break;
}
}
});
}
<?php $i=1; foreach ($model as $item) :?>
<?php if($i>6): ?>
<div id = "productnote" class="col-md-4 col-xs-6" data-index ='<?=$i++;?>' style="display: none">
<?php else: ?>
<div class="col-md-4 col-xs-6" data-index ='<?=$i++;?>'>
<?php endif; ?>