Streaming live at 10am (PST)

Show/hidden text


#1

Hi could you help me here , i follow the instructions in tutorial but still not working how i imagine. Please check it out : https://preview.webflow.com/preview/hiddentext?preview=895a816d2cca53d574975714c482572c

Sorry for post , im total newbie


#2

I also face same issue, I did exact according to instructions, but feel that same issue which you have.


#3

You're both facing Common Issue #3 on Webflows' forum smile

Add overflow:hidden to the div that shrinks, so, well, it hides the text while shrinking. Also don't put ANY border, margin, padding to this div as it's not part of the height and will end up with a little "snap" at the beginning and end of the animation. Nest another div inside of it and give it all margin padding and border property. So you have one div who gets the interaction, one div inside who gets margin, padding, border, if any, and the content inside it.


#4

yeah , it´s working , thanks smile


#5

@vincent, Sorry to say that I still face some issue. check here https://preview.webflow.com/preview/avpd?preview=c0653cb1921832d00015ce8340ffd85c on treatment page I use show/hide same I saw in video but now It have another problem, can you please help me over here.


#6

@vincent I want this type of look and feel which have multiple show/hide as a question/answer area. can you please help me how I can do this.


#7

which is? ................................


#8

Hi @vincent, I did it it works fine check here: http://avpd.webflow.io/treatment

Now Only thing I want is I want one hidden div show at a time as suppose I click on another question the first opened div should hide, So at one time only one hidden div should show, Right now multiple show at one time.

and second think the "+" icon you see I put on background of question, I want it to change when it opened, like at opened stage it will be "-" instead of "+".

So can you help me for that.

Thanks
Simran


#9

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.