不同图像上的画布实现

我在代码中使用下一个示例：http://jsfiddle.net/8wegxnz3/

var lasticon;
$(function () {
    $('.icon').click(function () {
        if (lasticon != this.id) {
            $('#' + lasticon + 'L').toggle();
            lasticon = this.id;
        } else {
            lasticon = null;
        }
        $('#' + this.id + 'L').toggle();
    });
});
.iconL {
    display: none;
    margin-top: 70px;
    margin-left: 100px;
    height: 100px;
    width: 100px;
    position: absolute;
}
var lasticon;
$(function () {
    $('.icon').click(function () {
        if (lasticon != this.id) {
            $('#' + lasticon + 'L').toggle();
            lasticon = this.id;
        } else {
            lasticon = null;
        }
        $('#' + this.id + 'L').toggle();
    });
});

我想要的是实现我在下一个jfiddle中发现的第一个代码的下一个解决方案：http://jsfiddle.net/m1erickson/LAS8L/

我做了一些测试，并试图将其实现到我的代码中，但什么也没发生。

我希望能够调整和移动单击第一个图像时出现的第二个图像的大小。例如，您可以单击"电子邮件图标"，然后调整出现的第二个图标的大小。