Toggle button doesn’t stay under content

Hi Shawn,

you are right, the revealed text (field CONTENT 2) is positioned beneath the toggle button and there is no setting to change this. You can try to change the order by adding the following into the field CSS in the Advanced tab of the element, though:

css
.el-element {
    display: grid;
}
.el-element > div:nth-child(2) {
    order: 3;
}

Alternatively, you can leave the content fields empty and use separate elements which are both positioned above the button and toggle one of these or all with the toggle element. Give the elements you want to toggle a class, e. g. my-class, and set the same class in the settings of the toggle element in the field CLS. See Demo 2 on the demo page for an example.

Kind regards
Thomas

Ok. Thanks! I was looking at your demo page and that was the way I wanted it to work. The first way with the CSS works, but I will try the other way and see which I like better. Thanks again.

Sorry, am trying to get this to work like your demo. I am trying to show 1 paragraph on load and toggle one paragraph. Am I going to have 3 elements? The one I want hidden and toggle will have the class I put in the Toggle settings? If I leave both content fields blank, the button doesn’t appear. I am sure I am just missing something.