New Interaction Technique for Webflow - Wizardry jQuery Builder

Join my Webflow Wizards Community

Try Webflow using my affiliate link below.

[freebody.]

Tim, You have instantly become my favorite educator on youtube. You are awesome!

[MrHazelwood]

If you created a Webflow course I'd enroll immediately, this is genius, thank you. So helpful!

[rachelanndorough]

Dang you are the webflow master! Amazed by your designs!

[daph_w]

This is incredible! And that JQuery builder 🤩🤩🤩🤩

[danielndrssn]

Amazing! Code is scary but your site makes it way more approachable

[joashsak]

The work you put into these is superb. Thank you for sharing your knowledge. You're going to grow fast 🚀

[danw]

Implementing this in sites going forward from now on! Unbelievably reliable for maintaining and scaling layouts on the web

[ArtSzabo]

I love the way you present your tutorials and the pace you move at! All your tutorials are unique and have so much value Wizardry is gonna save me so much time! New patreon here.

[jaymiegill]

Dude, I just found this the '2020 Virtual Car Show' site you did. SICK. Would LOVE a tutorial on this grid layout!

[simongustafsson]

What the hell. This is the best thing I have ever seen

[garyvoigt]

This is an amazing resource. Thank you for building this. 🤙🏼

[virgilhorghidan]

I think webflow staff should get inspired by you to include class-based interactions in the interface

[simonbloom]

Very cool! super easy to use, thank you! Are you planning on expanding it? If you are looking for ideas scrolling into/out of view trigger type would be amazing. And a delay value would be epic

[AaronOcampoZ]

Loving the content man! Thanks for all you're doing! Is there a way to use those interactions with input fields stages? for example on focus? TIA

[amitgarg]

This is so useful man. Question though for you - in the jQuery builder, is there a way to specify an element with a specific combo class? for example, clicking a right arrow adds class 'step-1', then clicking it again finds the element with 'step-1' combo class, and adds 'step-2' as a 2nd combo class? I hope that makes sense?

I'm trying to use jQuery to simulate 4 steps of an animation. So instead of toggling things on/off, I want to progressively add combo classes (i.e., element / step-1, then element / step-1 / step-2, and so on..)

Is this possible with your builder?

[jonypepe]

Thats a great video, thanks! How can I edit the text inside the Paragraphs and Title?! Silly question but I'm suffering here hehe. Thanks!

[AlfaBeta]

Would be nice to have a delay/timer to this great builder too!

[prithivirajr]

Does it work with Divi theme in WordPress?

[adamhelbig]

Hi there. thanks for the tutorial.
I just got lost on the final step of this guide.

I couldn't understand why the 'faq_right' is a sibling of 'faq_left'? The circle in the left bottom corner with a video of you is covering the navigator panel and seems like this second section with expandable text is not included in the cloneable project.


Is 'faq_right' the sibling of 'faq_left' because they are within the same DIV block in the hierarchy?

I thought that siblings are considered the elements that have the same parent class. For example 'bike_dot'.'is--1' and 'bike_dot'.'is--2' are siblings because they have the common parent class 'bike_dot'. But 'faq_right' and 'faq_left' don't

[virtuallybeige]

What was the Facebook group? If there's a group The Wizard is in, it must be worth checking out!