Why Equity?    FoundationsLeadership
ToolsImplementing
Change
AboutAmygdala HijackIceberg ModelLadder of
InferenceActive ListeningInfluence
ModelSources of
Meaning‍Interpersonal
RelationshipsAllyship

Waiting to finalize this

Trust Building Behaviors


Reliability


Acceptance

 

Congruence

‍

Openness

‍

Source: The Elements of Trust, Keith Ayers 2009

Reflect

In Practice


In Equity

Going Further

Read

For Integro’s description of the four elements see “Being Trustworthy Does Not Build Trust”

Tool Collaboration

This is a growing, evolving, and community-created resource. Please share any additional resources, personal experiences using this tool, or ways this page could be improved!

Feedback & Comments
Add Information

What are your reactions to this page and how can it be improved? This is a community resource and your input is valuable!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Please share any information that we could add to this tool! This could include links, examples, or personal stories of how you have used or plan to use this tool in your work. This information will be reviewed and added to the page as this resource continues to be collaborated on.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
First step, create the FAQ accordion structure.

Basically, you can design anything that you can ever imagine. The main thing here is to have a parent container and two child elements. One for the FAQ question and another for FAQ answer. The child element for FAQ answer should be set to overflow: hidden and transform-origin set to top mid.

Next, setup the interactions.

Depending on how fancy you want it to be but the concept here is to apply the interaction to the parent element. Use 'Mouse Click' interaction to resize the height of FAQ answer element. Initial state should be set to height: 0px. On first click, resize to height: auto and on second click, resize to height: 0px.

To make the other items auto collapse, add in custom script.

The first two steps pretty much got the main function works. As for the auto collapse, copy the code from the page custom code section before tag and paste into your project. Voila, that's all and you're good to go.

Last Updated