Wix Adding Blank spaces after I added custom code

Ask the community
,
1

I added Plus signs to drop down information and re hide on minus sign click. All that code works wonderfully. However, Wix adds big blocks of white space here and there in seemingly random spots.
I added the following code (even though, I don’t believe it has a lot to do with the code itself).

export function text97_onClick(event) {
let q = $w('#text97');
let a = $w('#group5');
if (a.collapsed) {
q.text = '-'.concat(q.text.substring(1));
a.expand();
}
else {
q.text = '+'.concat(q.text.substring(1));
a.collapse();
}
}

As I mentioned, the code works great and as expected but the blank spaces here and there are concerning. Please see image below. P.S. If I am not in the right place to ask this question, please either let me know where or forward my query. Thank you in advance.

315×904 26.3 KB

286×936 22.4 KB

2

Hello,

Please try to implement this functionality by following the instructions from this tutorial . Make sure to place the button on the edge of the text element to make it work.

Also, consider Corvid: How Page Layout Is Affected When Elements Change Size when working with the collapse/expand.

3

Thank you for the response Anastasiia. Does this mean I cannot use the heading element as a trigger and a whole section as expand on click? Thank you.

4

Depending on how much you want to do here, apart from your current way above, you can do this a variety of ways as shown in these examples below.

Also, please make sure that you have read and understood the linked page that Anastasiia gave you about how collapsing and expanding elements affect your page and other elements around it.
Corvid: How Page Layout Is Affected When Elements Change Size

https://support.wix.com/en/article/corvid-tutorial-creating-a-show-more-link
(This one is what Anastasiia has already liked to above)

https://support.totallycodable.com/en/article/limit-characters-in-a-repeater-using-wix-code
https://www.wix.com/corvid/example/collapse-elements
https://www.totallycodable.com/wix/corvid/create-custom-faq-with-double-collapse-effect
https://www.vorbly.com/Vorbly-Code/WIX-CODE-EXPANDING-COLLAPSING-TEXT-BOX