I have a typical accordion with 7 items that can individually expand or collapse. I want to place a collapse all and expand all button above the accordion, but it seems kinda misplaced if it is just two buttons next to each other.

What is the preferred way to do this?

  • Some input here: ux.stackexchange.com/questions/66877/… Nov 28, 2014 at 22:54
  • That's only covering the symbols (I use triangles), but not the expand/collapse all issue
    – bytecode77
    Nov 28, 2014 at 22:55
  • My comment didn't say duplicate, did it? Nov 28, 2014 at 22:57
  • No, but it doesn't help me with my issue, either ;) But thanks for the reference
    – bytecode77
    Nov 28, 2014 at 22:57
  • But maybe it helps others to wrap their head around the topic ;) Nov 28, 2014 at 22:58

1 Answer 1


I don't see anything wrong with placing them above the accordion. As long as it is clear that the controls belong to the accordion component that should be fine.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.