Zobrazenie/Ukrytie Panela a Následné roztiahnutie Body

$(document).ready(function() {
  $('#eye-toggle').click(function() {
    var collapse_content_selector = $(this).attr('href');
    var toggle_switch = $(this);
    $(collapse_content_selector).toggle(function() {
      if($(this).css('display')=='none') {
        toggle_switch.html('<i class="fa fa-eye-slash Active"></i>');
      } else {
        toggle_switch.html('<i class="fa fa-eye noActive"></i>');
      }
    });
  });
});

<div id="mainBody">....</div>

@media (max-width: 1120px) {
    #mainLeftBar {
        display: none;
    }
    #mainBody {
        width: 100% !important;
        margin-left: 0 !important;
    }
    #mainFooter {
        width: 100% !important;
        margin-left: 0 !important;
    }
}