Need help with 'read more' button (OnClick)

Ask the community
,
1

Beginner with coding here!
I added a Read More button to show some content on the home page and I got a few questions

  1. Does google index the content the being collapsed ? (assuming yes)
  2. Does it help to save page load time with me doing this?
  3. My main concern is when I load my page, It is very long but the content is being collapsed. How can I short the page and have it longer only when someone actually hit the ReadMore button to see the rest of the content? Hope I was clear enough lol.

Thank you!

the website is:
http://garagedoorsriverside-ca .com
Please scroll down to the bottom and see, Thanks again.

Thank you!

2

The link to the website doesn’t work.

3

you’re right, Here;
http://garagedoorsriverside-ca. com/

4

What you could do is to put the texts in different sections and make them collapsed by default with a button to make them expanded.

5

I don’t think I got this right.
Thank you for the replay though.

6

@service64304 check this out:

$w.onReady(() => {
    $w("#button1").onClick(() => {
        viewMore("sectionCollapsed") 
        //You can change the name of the section you want to collapse/expand in here, without the $w("#")
    })
})

const viewMore = (section) => {
    //Just a different way of doing if statements.
    $w(`#${section}`).collapsed ?
    $w(`#${section}`).expand() :
    $w(`#${section}`).collapse()
}

Big Landing Page | Long Text (editorx.io)