SlideUp - block jumps while animating

SlideUp - block jumps while animating

Good day.
I have slideUp and slideDown animations.
Problem is when i start the event, all of my block which have to slideUp from float:left position they go right and after that they go left again and hide.
How can i avoid jumping my blocks right while they are animating?

Before animate:

While animating:


Code: 
  1. $('.close_all').click(function () {
        $(this).parent().parent().nextAll('.price_content').slideUp();
        $('.close_category').attr('src', 'img/upload/arrow1.png');
        $(this).parent().parent().nextAll('.category').addClass('closed');
    })

    $('.open_all').click(function () {
        $(this).parent().parent().nextAll('.price_content').slideDown();
        $('.close_category').attr('src', 'img/upload/arrow.png');
        $(this).parent().parent().nextAll('.category').removeClass('closed');
    })

All blocks that jump have class price_content and their children which are products you can add to the cart have class category_content. 
  1. .price_content {
        margin-bottom:50px;
        width:50%;
        display:none;
    }

    .category_content {
        color:#2b8cc5;
        float:left;
        width:50%;
        margin-bottom:10px;
        margin-top:10px;

    }