jquery - 将点击位置作为容器的中心

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);

            });

        });
    });