What am I doing wrong? White space on expand / collapse

Ask the community
,
1

Hello,

Porject is houth1
URL
Page: Criminal Defense from dropdown.
EDITOR URL

I seem to be making a mistake here that I am not realizing or there may something wrong.

I want to know why this white space stays where it is, while my expectation is that it should collapse completely to the edge of the lowest visible item on that strip.

I have made sure my elements are only COLLAPSED and NOT HIDDEN.

https://static.wixstatic.com/media/a27d24_983ae1387e874edcb11f7e091f26e927~mv2.gif(image larger than 4 MB)

This is my code:

export function bookbtn_click() {
	$w("#crimbook").expand();
	$w("#crimbook").show("fadein");
	$w("#backbtn").show("floatin");
	$w("#writebtn").hide("fadeout");
	$w("#bookbtn").hide("fadeout");
}

export function writebtn_click() {
	$w("#crimcontact").expand();
	$w("#crimcontact").show("fadein");
	$w("#backbtn").show("floatin");
	$w("#writebtn").hide("fadeout");
	$w("#bookbtn").hide("fadeout");
}

export function backbtn_click() {
	$w("#backbtn").hide("fadeout");
	$w("#crimcontact").collapse();
	$w("#crimbook").collapse();
	$w("#bookbtn").show("floatin");
	$w("#writebtn").show("floatin");
}
2

Hi Omid,
Place the Buttons (Book a free… and Not sure…) in a separate container ABOVE of the others so it can PUSH down the containers below.

Try not to nest or overlap your containers, it will be harder to control them that way… just put one container underneath the others, it works great for me.

Hope it helps,
-Luigi

3

I appreciate you trying to help here. Something seems to be wrong. I did what you said and now I just got a bigger white space lol this gonna take someone to take a look into it from Wix side.

4

Funny haha, the elements do appear correctly at the top of position they are supposed to appear when expanded, but the white space remains strong.

5

Something is not working right now, that is my conclusion. Going to clear cache, take a break and come back and see if I can get ANY ELEMENT to work correctly in this strip for my purpose. I just tried a regular BOX collapsed on load and it still reserves the space for it.

6

REPORTING BACK

Something is funny here. When I try to replicate the issue on a different strip it does not happen there with just the contact form collapsed or just the booking form collapsed, until I place my elements under my buttons, then the whole spacey mess reappears on the new strip as well.

WHICH DEFEATS THE PURPOSE.

The whole point is have a tiny space for buttons, then upon click make the buttons disappear or collapse and IN THEIR PLACE and with a bit of expanded space, show up the contact form or booking forms.

7

I was able to get around this by creating 2 extra strips one for booking box and one for contact box, buttons remaining on the original strip.

With strips overlapped and set to collapsed on load, this now works correctly. Not sure what is exactly wrong with the original setup, but I got it to work with desirable end results this way. Posting in full disclosure and in hoping an investigation can be made into the original issue and a determination be made as to the reasons why.