Jump to content

Prevent "slide animation" on FAQ accordion page?

Go to solution Solved by tuanphan,

Recommended Posts

HELLO! I use the "slide" animation for my site, which I like and works well on most pages. Unfortunately, on my FAQ page, no content shows on the page (except the headline) until a user scrolls down and then back up again.

Is there a way to prevent the "slide animation" from occurring on just this one page? I would like my FAQ accordion to appear immediately upon viewing the page without a viewer having to scroll down. 

Edited by shonna
Included URL
Link to comment
  • 7 months later...
On 12/28/2023 at 12:47 PM, shonna said:

Hello! Me again. I have another page that I'd like to apply this style to: https://dndadventureclub.com/resources/dnd-tips-tricks

The code you gave before has worked great for my FAQ page, but now I want to also apply that to this new page. I can't figure out where to find the Page ID as you reference above to include in the code. 

Can you help? 

To find Page ID, follow these

Right click on anywhere on page > Inspect

image.png.52d0713b2cf20534c0fb906aac66d936.png

Scroll down > Find

<body id=

image.png.8f43dae2b0de83be481f1f2b2fa19de7.png

In this example, you will see

<body id="collection-58d01506e3df284bada16b9f" class="..."

and

collection-58d01506e3df284bada16b9f is ID

when use ID, you need to add # symbol before it, it should be

#collection-58d01506e3df284bada16b9f

or

body#collection-58d01506e3df284bada16b9f

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.