I have problem with the read more button. I followed the steps in the descriptions for this ( https://support.wix.com/en/article/corvid-tutorial-creating-a-show-more-link ) and everything went fine until i wanted to mulitply it. I want to have several expandable textboxes. Not just 1.
When i try to make the same code for next text element everything starts to mess up. I have made the right connecters (I think) but its not working.
This is how the i made the code:
let fullText; // variable to hold the full text
let shortText; // variable to hold the short version of the text
// For full API documentation, including code examples, visit Velo API Reference - Wix.com
$w.onReady( function () {
//TODO:
// how many characters to include in the shortened version
const shortTextLength = 177;
// read the full text and store it in the fullText variable
fullText = $w(“#text69”).text;
// grab the number of characters defined in shortTextLength and store them in the shortText variable
shortText = fullText.substr(0, shortTextLength) + “…”;
// set the contents of the text element to be the short text
$w(“#text69”).text = shortText;
});
export function button2_click(event) {
//Add your code for this event here:
// check the contents of the text element
if ($w(“#text69”).text === shortText) {
// if currently displaying short text, display the full text
$w(“#text69”).text = fullText;
$w(“#button2”).label = “-”;
} else {
// if currently displaying full text, display the short text
$w(“#text69”).text = shortText;
$w(“#button2”).label = “+”;
}
}
$w.onReady( function () {
//TODO:
// how many characters to include in the shortened version
const shortTextLength = 40;
// read the full text and store it in the fullText variable
fullText = $w(“#text73”).text;
// grab the number of characters defined in shortTextLength and store them in the shortText variable
shortText = fullText.substr(0, shortTextLength) + “…”;
// set the contents of the text element to be the short text
$w(“#text73”).text = shortText;
});
export function button3_click(event) {
//Add your code for this event here:
// check the contents of the text element
if ($w(“#text73”).text === shortText) {
// if currently displaying short text, display the full text
$w(“#text73”).text = fullText;
$w(“#button3”).label = “-”;
} else {
// if currently displaying full text, display the short text
$w(“#text73”).text = shortText;
$w(“#button3”).label = “+”;
}
}
Please help me!