Exported iBooks Author Widget not working properly

Using JavaScript with Hype
1

Hello.

Sorry for the trivial question.

I went to JqueryUI and downloaded the source code for an Accordion Widget.
I copied it to Hype and previewed it on Safari. Works fine.
I then exported it as an iBooks Author Widget (file attached).
I created one page iBooks to test the Widget. Not properly working.
When you navigate through the Accordion, within the iBooks, there is no more functionality and styling even if the content is fine.

I have no idea how to proceed to make the Widget work properly.

So, with my limited coding skills, I decided to examine the file: “Test_Accordion.wdgt.html” in the Package Contents of the Widget.
I noticed these lines of code:

<meta name="viewport" content="user-scalable=yes, width=300" />
<!-- end copy -->

Should I copy these lines to my Hype document ? I tried with no avail.

I figure that someone, in this forum, might be able to easily solve this issue.

Thanking you in advance.

Pierre
Test_Accordion.wdgt.zip (183.0 KB)

2

I used Hype to build widgets for two books...

As worked on the two books, and as I learned more and more about Hype and JavaScript, I realized that jQuery wasn't necessary for what I was trying to do.

3

Michael,

Thanks a lot for your reply.

I went through the provided links with great interest.
Nice work. Well done.

As I was finishing off to write my topic, I realized that, I could probably use a combination of keyframe animations, directly within Hype, to achieve a similar result. Your iBook will be a nice start to improve my use of Hype.

Looking to submit my work to the template gallery when done.