<style>
.kon_1 .woosb-product:nth-child(-n+4), .kon_1 .woosb-product:nth-child(-n+20), .kon_1 .woosb-product:nth-child(-n+36), .kon_1 .woosb-product:nth-child(-n+52){
border-left: 10px solid #888;
}
.kon_1 .woosb-product:nth-child(n+5):nth-child(-n+8), .kon_1 .woosb-product:nth-child(n+21):nth-child(-n+24), .kon_1 .woosb-product:nth-child(n+53):nth-child(-n+56){
border-left: 10px solid coral;
}
.kon_1 .woosb-product:nth-child(n+9):nth-child(-n+12), .kon_1 .woosb-product:nth-child(n+25):nth-child(-n+28) , .kon_1 .woosb-product:nth-child(n+57):nth-child(-n+60) {
border-left: 10px solid #fdf73a;
}
.kon_1 .woosb-product:nth-child(n+13):nth-child(-n+16), .kon_1 .woosb-product:nth-child(n+29):nth-child(-n+32),.kon_1 .woosb-product:nth-child(n+61):nth-child(-n+64) {
border-left: 10px solid green;
}
</style>
при загрузке страницы блоки должны быть свернуты, но не полностью, а былo показанo только *N* элементов .wow-ggg (допустим три), а ниже была кнопочка ПОКАЗАТЬ ЕЩЕ/СВЕРНУТЬ
И при нажатии показывалось не все сразу остальное а только *K* элементов .wow-ggg (допустим пять) и при наличии непоказанных элементов эта кнопочка(ПОКАЗАТЬ ЕЩЕ../..свернуть все ..) оставалась пока все элементы не будут показаны, а в конце когда все элементы закончятся ПОКАЗАТЬ ЕЩЕ-исчезает а останется только - ..свернуть все ...