I'我对jquery-ui-resizable有问题.我想在4个相等的间隔内减小和增加宽度

我在调整jquery大小时遇到问题。这就是plunkr代码。我想在可丢弃页面的4个相等间隔中增加和减少丢弃元素的宽度。我正在尝试使用if-else条件来获得此功能，但我无法做到。我是jquery的新手，如果有任何帮助，我将不胜感激。http://plnkr.co/edit/E9SRGrLIfKOWiLg4BYeS?p=preview

$(document).ready(function() {
    $(function() {
        $("ul li").each(function() {
            $(this).draggable({
                helper: "clone",
                revert: "invalid"
            });
        });
        $(".day").droppable({
            accept: ":not(.ui-sortable-helper)",
            drop: function(event, ui) {
                var padLeft, padRight, padTotal;
                $(ui.draggable).clone().find('#drag').resizable({
                    minWidth: 60,
                    ghost: true,
                    handles: 'e',
                    resize: function(event, ui) {
                        debugger;
                        ui.size.width = ui.size.width + 200;
                        if (ui.size.width > 800) {
                            ui.size.width = 800;
                        }
                        if (ui.size.height < 90) {
                            ui.size.height = 90;
                        }
                        if (ui.size.width < 400 && ui.size.width > 204) {
                            ui.size.width = 200;
                        }
                    },
                    start: function(event, ui) {},
                    stop: function(event, ui) {}
                }).appendTo(this);
            }
        }).sortable({
            placeholder: "ui-state-highlight"
        });
    });
});