スマートフォンのタップイベントに関して

スマートフォンのサイトを制作しているのですが、
タップの制御に関してご教示いただければ幸いです。

jquery初心者のため拙い記述、ご説明でお恥ずかしいのですが、
下記ソースの様に、「.triggerTap」という要素をtouchstartするたびに画像が切り替わるようにしていて、
さらにtouchendするとアコーディオンが開くときは、ボタンがどの状態でも画像が_onがついた画像に切り替わり、閉まるときは、_offがついた画像に切り替わるようにしています。

この時、touchstartとtouchendの操作が重複してしまっているせいだと思うのですが、ボタン画像が切り替わる際に、一瞬切り替わる前の画像が見えてしまいます。

このような時どのような記述をすればよいかで悩んでおります。。。
わかりづらく恐縮ですが、何卒よろしくお願いいたします。

javascript
1$( '.triggerTap' ).on(
2		{
3			'touchstart': function() {
4				this.isTouch = true;
5				var tapImages = $(this).children("img");
6				if (!tapImages.hasClass("current") ) {
7					tapImages.attr("src", tapImages.attr("src").replace("_off.", "_on."));
8					tapImages.addClass("current");
9				}
10				else {
11					tapImages.attr("src", tapImages.attr("src").replace("_on.", "_off."));
12					tapImages.removeClass("current");
13				}
14			},
15			'touchmove': function() {
16				this.isTouch = false;
17			},
18			'touchend': function() {
19				if(this.isTouch === true){
20					var tapImages = $(this).children("img");
21					if ($("+.acoCont", this).css("display") === "none") {
22						if (!tapImages.hasClass("current") ) {
23							tapImages.attr("src", tapImages.attr("src").replace("_off.", "_on."));
24							tapImages.addClass("current");
25						}
26						else {
27							tapImages.attr("src", tapImages.attr("src").replace("_on.", "_on."));
28						}
29						$("+.acoCont", this).velocity("slideDown", { duration: 200 });
30					} else {
31						
32						if (!tapImages.hasClass("current") ) {
33							tapImages.attr("src", tapImages.attr("src").replace("_off.", "_off."));
34						}
35						else {
36							tapImages.attr("src", tapImages.attr("src").replace("_on.", "_off."));
37							tapImages.removeClass("current");
38						}
39						$("+.acoCont", this).velocity("slideUp", { duration: 200 });
40					}
41				}
42			}
43		});