New with Corvid collapse and Expand Text

Ask the community
,
1

Hi. This is my first time on the forum, I am good with building wix sites but NEVER used coding.
I am trying to collapse & Expand text and following all wix instructions ( https://support.wix.com/en/article/corvid-tutorial-expand-text-with-a-read-more-link ) and struggling. Could someone please help. (Unless there is another way to expand and collapse text!)
This is my code, and the error message is the last - ; - at the end of the code line 8

$w.onReady( function () {
$w( “#readMoreButton” ).onClick(() => {
$w( “#readMoreStatebox” ).changeState( “expandedState” );
});

$w( “#readLessButton” ).onClick(() => {
$w( “#readMoreStatebox” ).changeState( “collapsedState” );
});
Please help if possible, attached a screen shot as well

2

Not sure, but i think you want to get the same like this one, but with TEXT-elements.

So you can just copy and paste the given code in this example here…

https://russian-dima.wixsite.com/meinewebsite/working-with-buttons

…change instead of buttons to hide and show or collapse and expand TEXT.

3

I will give it a go. Thank you.
It does not seem exactly what I want.
I want it to look a little like on Facebook when the full article does not fit in the one box. Thank you

4

Hi there :wave:t2: Looks like you followed the tutorial correctly, you’re just missing the closing brackets at the end of the onReady. It should look like this:

$w.onReady(function () {
    $w("#readMoreButton").onClick(() => {
        $w("#readMoreStatebox").changeState("expandedState");
    });

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

This article can provide some useful additional info on errors within the code panel.

5

Thank you so much, I will try tomorrow
Adam