• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Push all elements up/down when closing/opening an accordion

New Here ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

Hi everyone,

I've created a accordion where you can interact with the first option. So the idea is that when you click the "close" button (because the default state is open), it closes and so all the content that comes after should be pushed up, and when you close it, all element should go to their previous place, how can I achieve this?

 

In case that's not possible I thought about having a second artboard and linking it to it, but the issue is that I can only link to the top of the page, is there a way I can wire an element to a specific part of another artboad instead of just the whole artboard? 

 

Thank you!

TOPICS
How to , Prototyping

Views

3.6K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

New Here , Jun 02, 2020 Jun 02, 2020

*SOLVED*

I'll leave here how I solved it, in case someone else needs it 🙂

  • I duplicated the artboard
  • Changed the state of the component (I had "Default" = open, "Click" = closed)
  • Activated "Fix position when scrolling" for the component in the new duplicated artboard and change the state to "Click" there

Votes

Translate

Translate
New Here ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

*SOLVED*

I'll leave here how I solved it, in case someone else needs it 🙂

  • I duplicated the artboard
  • Changed the state of the component (I had "Default" = open, "Click" = closed)
  • Activated "Fix position when scrolling" for the component in the new duplicated artboard and change the state to "Click" there

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 02, 2021 Nov 02, 2021

Copy link to clipboard

Copied

Can you explain your solution visually please?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 04, 2021 Nov 04, 2021

Copy link to clipboard

Copied

LATEST

Another member posted a solution:
https://youtu.be/Pf1a-bp3XmA

A tutorial on how to create high fidelity accordion tabs in Adobe Xd using component states and only 1 artboard.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines