Help with a script for hiding/showing content on the WP site

Web Programming — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

Good day!

There is a page that has been developed using Wordpress + Gutenberg blocks - https://shorturl.at/rKZBt. It is necessary to develop a functionality that collapses and expands the content of certain blocks. Something like this - https://www.w3schools.com/bootstrap/bootstrap_collapse.asp. The text of the block should be limited to the first sentence.
That is, for example, the block "The challenge" will by default show the title and the first sentence with a "See more" button https://prnt.sc/49bGvnCKS9qF. When clicking the button, the entire content of this block will expand - https://prnt.sc/43d7HEWFbp_B

Since this is Gutenberg, it is possible to add a specific class to each block, for example, "Collapse", and with a script, hide the text for the blocks where this class is present. However, note that if there are several blocks on the page with the class "Collapse", the functionality should work for all of them, and when clicking a specific "See more" button, only the text of the block where that button was clicked should expand, not all blocks.

I am ready to discuss the details with candidates in detail. Thank you

Proposals 10 Discussions 2

Anton V.

6 1

Projects 6
Rating -
Rating 411

Budget: 700 UAH Deadline: 1 day

Good day!

I will gladly help with writing a script for hiding/showing content on WP sites.

Please describe your wishes in more detail, and I will clarify the technical details and deadlines.

Oleksandr M.

5 0

Projects 5
Rating -
Rating 689

Budget: 2000 UAH Deadline: 2 days

Good day!
I am ready to implement the functionality for expanding and collapsing content on a page developed in WordPress with Gutenberg blocks. I will implement this functionality similar to the Bootstrap Collapse example, with the ability to expand content for individual blocks.
I am ready to discuss the details and start working. I look forward to your questions!