.dsh-pagination{text-align:center;margin:6px 0 20px}.dsh-pagination button{margin:0 6px;padding:8px 16px;border:1px solid #1e3a5f;background:#fff;color:#1e3a5f;border-radius:4px;cursor:pointer;font-size:15px}.dsh-pagination button.active{background:#1e3a5f;color:#fff}.dsh-pagination button:disabled{opacity:.4;cursor:default}.dsh-card-sec{display:none}.dsh-card-sec.dsh-active{display:flex}

Назад Вперёд

(function(){var s=document.querySelectorAll(".dsh-card-sec");if(!s.length)return;var pp=3,pages=Math.ceil(s.length/pp);if(pages<=1)return;var el=document.querySelector(".dsh-pagination");if(!el)return;var sp=el.querySelector(".dsh-pages");function show(p){for(var i=0;i<s.length;i++)s[i].classList.remove("dsh-active");for(var i=(p-1)*pp;i<Math.min(p*pp,s.length);i++)s[i].classList.add("dsh-active");var bs=document.querySelectorAll(".dsh-page-btn");for(var j=0;j<bs.length;j++)bs[j].classList.toggle("active",parseInt(bs[j].dataset.p)===p);el.querySelector(".dsh-prev").disabled=(p===1);el.querySelector(".dsh-next").disabled=(p===pages);}for(var p=1;p1)show(p-1);};el.querySelector(".dsh-next").onclick=function(){var a=document.querySelector(".dsh-page-btn.active");var p=a?parseInt(a.dataset.p):1;if(p<pages)show(p+1);};show(1);})();