file.js

var items = [
    [1, 1, 24, 1, 24, 24, 1, 24],
    [26, 1, 49, 1, 49, 24, 26, 24],
    [51, 1, 74, 1, 74, 24, 51, 24],
    [76, 1, 99, 1, 99, 24, 76, 24]
],
    item = [],
    points = [],
    i;
var s = Snap().attr({
    viewBox: "0 0 100 100",
    "fill": "#fff"
});

function register(x, i) {
    item[i] = s.polygon(items[i]);
    item[i].click(function() {
        p = items[i];
        this.animate({
            "points": p[0] + "," + p[1] + ",100,0," + p[4] + "," + p[5] + "," + p[6] + "," + p[7]
        }, 120, mina.linear, function() {
            this.animate({
                "points": p[0] + "," + p[1] + ",100,0,100,0," + p[6] + "," + p[7]
            }, 120, mina.linear, function() {
                this.animate({
                    "points": p[0] + "," + p[1] + ",100,0,100,100,0,100"
                }, 120, mina.linear, function() {
                    this.animate({
                        "points": "0,0,100,0,100,100,0,100"
                    }, 120, mina.linear, function() {
                        this.animate({
                            "points": p
                        }, 200, mina.linear)
                    })
                })
            })
        });
    });
}
items.forEach(register);