Scroll to div on clicking the div

Here is the fiddle link https://jsfiddle.net/hitech0101/5vhdm5hy/

$('.block').click( function () {
    $('#mainContainer').animate({'width':'20%'}, 1000);
  $(this).css({'background-color':'blue'});
  $('.block').css({'display':'block','width':'100%'});
  $('.second').css({'display':'inline-block'})
    });

In the fiddle, i am using jquery to convert the horizontal blocks into vertical blocks. I have changed the block color from red to blue when the block is clicked. When i click a particular block i would the scroll to move to the location of the block in the vertical view. I have tried jquery's scrollTop() method but still could not get it working the way i wanted it to. Please help.

The fiddle is partial representation of the webpage i am working on. There is more content on the original page which i have excluded. The maincontainer is the second container on the page.