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

            });

        });
    });