Create "Read More"/ "Read Less" links using a multi-state box

Ask the community
,
1

I don’t know any coding. I would appreciate it if someone could help me add the code to add a “Read more…” / “read less…” function in the texts of my website. Obviously, I need very precise directions.

Thank you so much for reading this

I believe, I followed correct the 1 - 7 steps described in the link bellow, but got stack with adding the code. Step 8.

The info is in this link:
Create “Read More”/ “Read Less” links using a multi-state box
———————————————
this is the code:
$w( “#readMoreButton” ).onClick(() => {
$w( “#myStatebox” ).changeState( “expandedState” );
});

$w( "#readLessButton" ).onClick(() => { 
    $w( "#myStatebox" ).changeState( "collapsedState" ); 
});

———————————————
this is how page coding looks like before I touch it:
1 // For full API documentation, including code examples, visit [Velo API Reference - Wix.com](Velo API Reference - Wix.com
2)
[2](Velo API Reference - Wix.com
2)
3 $w.onReady( function () {
4 //TODO: write your page related code here…
5
6 });

2

Hi! As it is mentioned in the tutorial you need to add the code to your onReady function, which is this one:

$w.onReady(function () { 
//you need to enter your code here//
});

In addition, you need to make sure that your element IDs match the ones in the code example: Velo Glossary | Help Center | Wix.com