On click closing other cards

Design help Animations & Interactions
1

Hi,

trying to figure out one issue. I have slider with cards and each card have trigger button to show more content. And i need with click on button to close the previous card before the new is open.

so if someone have any links or ideas how to do that pls share

thanks!

SniĢmek obrazovky 2022-07-13 v 15.27.37
SniĢmek obrazovky 2022-07-13 v 15.27.371516Ɨ714 62.4 KB

Here is my public share link: LINK
(how to access public share link)

2

Hi @Patrik_Fiala

Youā€™ll have to put all them in the same interaction list. One will have open, all others will close. Add the trigger button as the parent. Add the content wrapper as a child. Then it will only be one interaction, instead of multiple per button.

3

Hi @Patrik_Fiala here is another solution so you have something to chose from. Iā€™m using a few lines of javaScript to achieve this functionality, all is explained in video :wink:

4

Hi @garymichael1313
thanks for the reply! anyway I still have issues that if I want to target within one interaction same target - class. e.g. want to first hide all the elements with same class and then I want to have action show only childs with that element it always changes to same class affect in whole interaction

5

@Stan was about to try your solution, shame youve deleted it :confused:

6

hi @Patrik_Fiala I have put it back.

1 Like
7

thanks man! very helpful solution. Did some adjustment but it works :pray:

1 Like
8

Jsem rad ze ti to pomohlo a funguje to. :partying_face:

9

Thanks for the solution.
please stop destructuring and using map when not needed.

1 Like