将单击位置作为容器的中心

Question

我实现了这段代码：DEMO

我想在点击父div时，所有子元素的宽度和高度增长以及点击的位置都位于父div的中心。这就像缩放操作。

这是我的代码：

 $(".forzoom").click(function (e) {
        var frame = $(this);
        var offset = $(this).offset(); 
        frame.find("div").each(function () {

            var currentItemWidth = $(this).width();
            var currentItemHeight = $(this).height();
            $(this).animate({ 'width': currentItemWidth * 2, 'height': currentItemHeight * 4 }, 400, function () {

                frame.scrollTop((e.clientY - offset.top)*4);

            });

        });
    });