Divi "Read More" Button with jQuery - Reveal a Hidden Section on Click

Thank youuuu

Hi Ania, nice and simple tutorial with a bug for me: when I want to place the code for displaying the hidden content in visual images (body:not ...), I can not save changes or can not close the visual builder without saving. I have tried the code on the website (in code module), on divi options (integration) ... all the same ... with this code I can't save anymore. I also tried with a single module ... also not! With the simple code "display:none;" ... is works fine ... but it is annoying that in visual builder the sections/modules aren't displayed. Any suggestion?

This little bit of code Worked great on Gutenberg! You should do a video on that, couldn't find any video on how to do this on Gutenberg! Great work 😁

That was the first time of my life I did code and that worked first time ! I'm so proud ! Thank you so much !

do you have css for unhide section with down arrow button and hide section with up arrow button and the button is not hidden.

So, there is no way to make it without JavaScript? I mean to do it only with divi builder modules somehow? And if I wanna realize expand/collapse functionality for read more links, I can only use jQuery?

That hidden section is awesome. However if you apply it and you have some scroll effects underneath hidden section, it affects them, and kills all the effects below. Any ideas how to fix this?

Ania, thanks so much for this but can you please make carousel for modules in Divi?

Love your videos! Great stuff for me! I'm a learning Divi machine.

Lovely, I will use it for my present design. Thanks greatly, Ania. Any snippet for button pop-up that works like Divi Overlay?

I was curious how the query slideDown also reset the "display:none" css that was applied to the section. I would have assumed I would have needed to add a jquery css change of "display: block" before applying the slideDown. I just learned something . Thanks!