Accordion Interactions in E-Learning #147: Challenge | Recap
Accordion interactions are so easy to build you can use anything from PowerPoint to Storyline. Let’s look at a popular example f...
Published 9 years ago
Version 1.0
Blog Post
Hi Everybody!!
I am currently working on my consulting website and have created a Responsive Animated Accordion Effect to enable the users to actively interact with my parallax website and view my website content either on their laptop, iPad, or Phone. The color of the Accordion Panel and sub-headings change when the user hovers over them. The same effect can be used to provide an interactive learning experience for the learners while creating an e-Learning module. This effect helps the developer/designer to include a lot of related content on a web page/slide and create an effective interaction to keep the users/learners interested and engaged while interacting with the user interface.
Of course, I have created the Responsive Animated Accordion Effect by hand-coding my website using html5 boilerplate after watching related video tutorials on YouTube and online tutorials on W3C Schools.com. I have uploaded three screenshots to show the three different views of the Responsive Animated Accordion Effect on Dropbox.
Please Note: My attached files disappeared even before I included my first and last name along with the challenge # to them. I think it was probably because I uploaded my attachments as three different files, instead of a named .zip file. So, I am including the related information below.
First and Last Name: Sujatha Jagdeep
Challenge #: Accordion Interactions in E-Learning #147.
Regards,
Sujatha.
I am currently working on my consulting website and have created a Responsive Animated Accordion Effect to enable the users to actively interact with my parallax website and view my website content either on their laptop, iPad, or Phone. The color of the Accordion Panel and sub-headings change when the user hovers over them. The same effect can be used to provide an interactive learning experience for the learners while creating an e-Learning module. This effect helps the developer/designer to include a lot of related content on a web page/slide and create an effective interaction to keep the users/learners interested and engaged while interacting with the user interface.
Of course, I have created the Responsive Animated Accordion Effect by hand-coding my website using html5 boilerplate after watching related video tutorials on YouTube and online tutorials on W3C Schools.com. I have uploaded three screenshots to show the three different views of the Responsive Animated Accordion Effect on Dropbox.
Please Note: My attached files disappeared even before I included my first and last name along with the challenge # to them. I think it was probably because I uploaded my attachments as three different files, instead of a named .zip file. So, I am including the related information below.
First and Last Name: Sujatha Jagdeep
Challenge #: Accordion Interactions in E-Learning #147.
Regards,
Sujatha.