Using Webflow Trigger Click to apply on my custom embed table

Design help Animations & Interactions
1

https://preview.webflow.com/preview/dynamicbilling?preview=bfd9717c9fb3bd551f29095eb74f12d2
Please go to Data Capture folder and see Review & Edit page.

I made the table and wanted to add show and hide using webflow trigger click.
So… I wanted to make the section that I named as ‘billing show and hide’ shows when you click the number of the first table cell, and also, it should hide when you click the second.

1938×560 51.5 KB

The table row should be repeated 10 times with those show and hide function.

I know how to use the trigger like I’ve done on the page, New Price in setup folder.
(when you click tier check box, the tier 1 is showing)

However, the trick is how to apply on my custom table.
Is there any ways to solve this?

2

Maybe put all the custom code contents in Divs and then apply the interaction to the Webflow native Divs?

Hope this helps. :+1:

3

You might need to create custom jQuery or javascript for this interaction.

The native Webflow interactions cannot be used to add/remove classes or apply special interactions to tables.

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.