Jquery 通过切换发出动画

单击“单击”按钮时，容器3消失，单击时再次出现，在此过程中，容器3和容器4之间出现白色间隙并消失。如何修复它

JS

---

不管怎样，如果我们使用jQuery动画处理边距属性，我们将有一些空白，同样我们也可以通过切换宽度来实现。试试这个

---

宽度不应不同

$(document).ready(function () {
    var evenH = 0;
    $('.row .small-4').each(function(){
        var getH = $(this).outerHeight();
        if(getH > evenH)
            evenH = getH;
    });
    $('.row .small-4').css({'height':evenH});

    var slider_width = $('.pollSlider').width();
    $("button").click(function () {
        var effect = 'slide';
        var options = {
            direction: 'left'
        };
        var duration = 700;
        $('.delet').toggle(effect, options, duration);
        //$('.popUp').addClass("popUp2");
        if ($(this).css("margin-right") == slider_width + "px" && !$(this).is(':animated')) {
            $('.pollSlider,button').animate({
                "margin-right": '-=' + slider_width
            }, 'slow');

        } else {
            if (!$(this).is(':animated')) //perevent double click to double margin
            {
                $('.pollSlider,button').animate({
                    "margin-right": '+=' + slider_width
                }, 'slow');

            }
        }

    });
});

$('button').click(function() {    
    $(".delet").animate({width:'toggle'},350);        
})