Help requested on page turn animation

[hackfin 6 Likes (Newbie)]

Using the "Simple 3-D Hover Flip" demo as a starting point, I created the linked codepen. My goal was to create a book where you can flip through the pages by clicking on them.  Everything works as I would expect except turning page 1 does not reveal page 2.  Any ideas on why it does not display the next <div> in the page stack?

 

Thanks,

James

See the Pen lfyjm by hackfin (@hackfin) on CodePen

[jamiejefferson 1,199 Likes (Superhero)]

Looks like you're flipping both pages at the same time.

 

In the .pageWrapper click function, $(this).find(".page") is selecting both pages, but if I change it to $(this).find(".page")[1] then page2 remains in place underneath.

[hackfin 6 Likes (Newbie)]

Thanks.  I knew it had to be somthing simple I was overlooking.