Hi enclosed is a Hype file with a very basic accordion, which is however suitable for one of my Hype projects. I spent much time going through the forums to find an easy answer to creating a JS accordion, with little success - it all seemed to get really complicated fast. The code is a bit (very) …

Hi Dan! [image] dan1: I'm completely stumped about adding collapsible functionality to the accordion - in a straightforward and basic way! See the first post in this thread - (or did You already see this and it was too involved?): [image] Accordion with JS - Template Tips & …

Hi Jim yes I did see that post - but it’s not exactly easy to edit/resize or do anything much with as far as I can see. A collapsible javascript accordion in hype is becoming something of an obsession for me! TWO possibilities a) such an accordion is not possible in Hype due to the way the page …

Hi Dan! I believe I can create one for You - I’m already half way there with a demo I did for some one on this Forum awhile ago. Similar type of deal - this person did not want to get tangled up with JavaScript - so I created a timeline version. He did not want a strict accordion effect though - s…

Hi Dan! I took a different tack from my last post’s concept - and went straight “timeline” with no JavaScript. I do not have enough time to go into details about the set-up, but pay close attention to how the groups are arranged in the file. Some elements have their “top” properties adjusted others…

Nice @JimScott , You probably could have a single reset Timeline that is start by all buttons. [image]

Wow thanks for getting back so fast Jim! Always have found amazing support on these forums Your timeline accordion is great but I think it still has problems of easily editing or adapting Just to clarify my issue I’m enclosing two files - one has as far as I can get just with javasvript, the othe…

Further clarification - my feelings are that using timelines are too complicated for a collapsible accordion and that a Javascript function would be the most elegant in this use case-which i realise is not quite on message in an animation program like Hype. But I feel that hype is evolving to be a g…

@dan1 Hi Dan! OK - got it now - you are using jQuery in a relative positioning environment. Below is an example of a 3-panel accordion script I employ in this type of environment; and the “Divs” automatically adjust in size for the text. Man is this easy! Because Hype is based on absolute positi…

Hi to All! Whatever others’ interest I’ve decided to move ahead with the “Timeline~JavaScript” hybrid approach as (semi) outlined above. The following feature straight JavaScript - no jQuery. Project Demo: Accordion v4d.hype.zip (21.3 KB) Online demo here . "Accordion" Overview (3-panel Demo; …

Wow Jim I’m seriously impressed - that works great and big plus is that it is easily editable In the absence of a relative positioning capability in Hype this must represent a ideal compromise Thanks so much for your tips and advice! Dan

Hype
Whisk
Reflect
Store
Support
Forums
Blog
About Us

Tumult Forums

Basic JS accordion

Tips & Tricks

jquery

MaxZieb (Loves Hype) July 5, 2022, 8:36pm 17

Collapsible Stacked Symbols (Accordion) Template Gallery

[image] Stacked cards using symbols and a sorting function. This is still not a extension but already has the potential for some fun stuff. Doesn’t need to have visible boxes for example or could have a diffrent stacking logic. Demo: StackedCardsSymbols.html Download: StackedCardsSymbols.hype.zip

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled

Products

Hype 4
Hype Pro
Whisk
Reflect

Company

About Us
Press
Privacy Policy

Social

Blog
@hypeapp
@TumultWhisk
Facebook
Instagram

Hype Support

Support Portal
Downloads
FAQ
Tutorials
Documentation
Forums

Whisk Support

Support Portal
Downloads
FAQ
Documentation
Forums

Store

Tumult Store
Education Store