Erroneous behaviour of .collapse()

I am seeing unpredictable, erroneous behaviour in collapsed containers (boxes). It´s hard to explain, so I made a example page at https://v25matccdprop.wixsite.com/sanrafael-25demayo/testpage

Basic problem is that collapse doesn´t work as it should.

Hi Giri,

What you see is the 70/10 rule with collapse. It is the intended design.

The 70/10 rules means the following -

If you have two elements, one above the other, with a space between them that is less then 70px - in this case, if the first changes height or collapses, the second will move up or down accordingly.

If you have the same two elements, with a space between them of over 70px - in this case, the second element will not move as the first collapses or changes height. Once the first element expands or grows till it is 10px from the second element, the second element will start moving.

In your example, you have large vertical spaces between elements that are over 70px, and those the elements below will not move.

Thank you Yoav, I never knew that. I do not know if this solves my problem, but I will look into it during the weekend.

I’m not understanding the 70/10 rule. Is there documentation you can direct me to?
I have several collapse elements. I have a header box, fold, header box, fold, etc. My folds that are 170-270 pixels in height work. Why do they work if that’s over 70?
I have a few boxes that don’t move with anything else, somehow they’ve become detached from other boxes.

The rule is about the vertical distance in pixels between element A and B, not about the height of any of the 2.
Does that help.?Basically, move element B as close to A (vertically) as possible.

That does help. It would be nice if wix had a page explaining the rule and a visual of it. My elements are literally touching but won’t move with each other.

@jrichards Thanks for the suggestion. I’ve passed your request along to our documentation team.