2. $('#imagepackwrapper div[id^="packimgdiv"] img').on('doubletap click', function() {
3. // newtitle == "#packtitlediv1"
4. $('#imagepackwrapper div[id^="packimgdiv"] img').not(this).slideUp(600);  // Hide other images
5.     function myshow(newtitle) {  // Show the title
6.       $(newtitle).css({'margin-left': toffset + 'px','width': twd + 'px'});
7.       console.log('Opacity: ' + $(newtitle).css('opacity'));
8.       $(newtitle).animate({
9.         opacity: 1
10.       }, 800);
11.     }   
12.     $(this).transition({  // run transition plugin on selected image - works
13.       marginTop: '0em',
14.       skewX: '0',
15.       rotateX: '0',
16.       rotate: '0',
17.       perspective: '0'
18.     }, 1500);
19.     $(this).on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {           
20.       myshow();
21.     });
22. });
23. 
    
24. HTML:
25. <div id="imagepackwrapper">
26.   <div id="packimgdiv1">
27.     <div class="centered_image">
28.       <img class="imageStyle" src="files/image_18.png" width="200" height="200">
29.     </div>
30.     <div id="packtitlediv1" style="background-color: rgba(0, 0, 0, 0.2);"><span>Title2</span>
31.     </div>
32.   </div>
33. </div>
34.  

The function myshow never runs.  What am I doing wrong?

Thanks.