Хотя работа с Raphaeljs, задача касается js в общем.
После клика создается и анимируется объект(id берутся из массива), при втором клике происходит наложение одной графики на другую.
Нужно чтобы при клике предыдущий объект очищался.
buttonPath.click(function() {
var currents = this.data("i");//получаю id кнопки
var pathAnim1 = p.path(pathsarr[currents])//присваиваю id первому path
var pathAnim2 = pathsarr[currents + 1];//присваиваю id второму path
pathAnim1.animate({
path: pathAnim2
}, 3000, function() {});//callback, если удалить pathAnim1, графика исчезает, она должна оставаться до следующего клика
});
Пример полностью на
http://jsfiddle.net/Magger/Lo718boh/
