I have a custom row formatter to display Q&A information in a list. I'd like for the display to show on Row 1 the Q, and Row 2 the A.

But - I want the initial view to not display any of the "A"s unless an element of Row 1 has been clicked.

Example below:

Q: How do I sort on a column in SharePoint. >>

When >> is clicked

Q: How do I sort on a column in a SharePoint library? >>

A: To sort - click the dropdown arrow next to the column name.

If you can provide a code snippet that triggers on click and changes the display mode from none to block, and block to none, that'd be very helpful.

1 Answer 1


You can change list view settings and group by on question column, then apply group view formatting as given in below sample:

enter image description here

Sample Reference: faq-accordion

  • Hi @VASoftball5, did you try above solution? Sep 23, 2022 at 15:00
  • 1
    Ganesh - thanks for the post. This is a viable solution to the issue! Just needed to think about the problem in an different way. Sep 26, 2022 at 12:47
  • You're welcome @VASoftball5. Glad it helped you! Sep 26, 2022 at 12:48

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.