ajax ile sütun sayısı değiştirme?

Merhaba arkadaşlar. Yan yana 2 div li bir alanım var. Seçeneğe göre bunu 3lü ve 4lü yapmak istiyorum. Trendyolda örneği var. Örnek Plugin verebilecek ya da yardım edecek bir arkadaş var mı? aşağıdaki resim gibi.

normal css

#productContainer .productItem {
width: 287px;
float: left;
margin: 10px 12px 10px 11px;
border: 1px solid #d4d4d4;
}

4 sutun css

#productContainer.prc-4 .productItem {
position: relative;
width: 215px;
float: left;
margin: 8px;
}

js

function sortType(type) {
    if (type == 4) {
        $('#productContainer').addClass("prc-4");
        $('#sort-3').removeClass("block");
        $('#sort-4').addClass("block");
        _gaq.push(['_trackEvent', 'ButikGoruntu', 'Dortlu']);
        $.TYSetCookie({ name: "TY.ProductViewSortType", value: "4" });
    }
    else {
        $('#productContainer').removeClass("prc-4");
        $('#sort-3').addClass("block");
        $('#sort-4').removeClass("block");
        _gaq.push(['_trackEvent', 'ButikGoruntu', 'Uclu']);
        $.TYSetCookie({ name: "TY.ProductViewSortType", value: "3" });
    }
}

3 sutun btn

<a id="sort-3" class="butik-3 left block" onclick="sortType(3);"></a>

4 sutun btn

<a id="sort-4" class="butik-4 left" onclick="sortType(4);"></a>