בעיה בהוספת קוד JQUERY על layer slider

[mhhhdm]

שלום וברכה ותודה מראש לכל העוזרים.
מדובר בתבנית ENFOLD
זה האתר :
mhhhdm.prog-school.co.il
אני בעצם רוצה שבשקופית הראשונה כמה מהשכבות ייעלמו אחד אחרי השניה בסיום ה-TRANSITION IN. ׁ(אני רוצה לדמות פעולת לחיצה בעכבר על ידי החלפת כמה תמונות ).
ניסיתי את הקוד הזה אבל משום מה לא עובד(לא תופס את האירוע):

var box=document.getElementById("lyr1"); box.addEventListener( 'webkitTransitionEnd transitionend oTransitionEnd webkitAnimationEnd oanimationend msAnimationEnd animationend', function( event ) { alert( "Finished transition!" ); }, false );

יש לציין שכאשר עשיתי ללא תפיסת אירוע -פשוט להעלים ישירות זה כן עובד אבל אני רוצה שרק בסיום ה-TRANSITION ייעלם(אירוע סיום)!--

$("#lyr1").hide();