Show/hide elements depending on an external select

[r-chrzan]

Are there plans to add a data-wp-if directive to conditionally display items? If I could help in any way, I'd be happy to, I'm testing it right now and see a few things to improve

[luisherranz]

Would it be different than wp-show?

[luisherranz]

can i make a loop here? because context.t2p.available is undefined right now

Can you share the full code somehow? It's very difficult to follow up with so little context…

[r-chrzan]

@luisherranz i prepared repo and posted some comments to be more clearly: https://github.com/r-chrzan/interactivity-table

thanks for your help btw!

[luisherranz]

I still don't quite understand all that is going on in your code, but I made a video showing how to show/hide the different table rows depending on the value of the select:

https://www.loom.com/share/610a1fcbb9d241cd8df98333156fe51e

I also made a pull request with the code.

Let me know if that helps.

[r-chrzan]

@luisherranz I know, my code may be messy but I tried different ways :) Generally this is what I'm trying to achieve, which is to hide elements in the table. Maybe not necessarily all the elements that are inside the . In general, my goal in the project is to introduce geotargeting to better serve content to users. Your PR will definitely make my job easier because that's what I've been trying to do. Now I can see that I need to change my thinking a bit when it comes to Interactivity, anyway thank you very much for your help!

[luisherranz]

Awesome. I'm glad that was what you were trying to accomplish 🙂

Maybe not necessarily all the elements that are inside

In that case, you can move or add more data-wp-bind--hidden directives to the different parts of the HTML to control what needs to be shown at each moment. And you can add other state and selectors if there are more conditions that should hide or show elements.

Please, don't hesitate to open a new discussion if you get stuck again.