基石图像查看器调整画布大小（单击按钮）

Question

我正在使用Cornerstone Image Viewer。 我想将屏幕分为3列。 最初，左侧和右侧div应该隐藏，而中间div应该完整显示窗口大小。 当我单击显示左div屏幕时必须缩小并适合2 div。 当我单击“显示右div”时，向左隐藏并显示右和中div。

function resizeStudyViewer() {
    var studyRow = $(studyViewer).find('.studyContainer')[0];
    var height = $(studyRow).height();
    var width = $(studyRow).width();
    $(seriesList).height("100%");
    $(parentDiv).width(width - $(studyViewer).find('.thumbnailSelector:eq(0)').width());
    $(parentDiv).css({ height: '100%' });                            
    $(imageViewerElement).css({ height: $(parentDiv).height() - $(parentDiv).find('.text-center1:eq(0)').height() });

    $(imageViewerElement).css({ height: '100%'});

    imageViewer.forEachElement(function (el, vp) {
        cornerstone.resize(el, true);
        if ($(el).data('waiting')) {
            var ol = vp.find('.overlay-text');
            if (ol.length < 1) {
                ol = $('<div class="overlay overlay-text">Please drag a stack onto here to view images.</div>').appendTo(vp);
            }
            var ow = vp.width() / 2, oh = vp.height() / 2;
            ol.css({ top: oh, left: ow - (ol.width() / 2) });
        }
    });
}
// Call resize viewer on window resize
$(window).resize(function () {
    resizeStudyViewer();
});