Home/ Questions/Q 8076485
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T15:16:13+00:00

I am using jcarousel on a page in 3 different sections. I initially show

  • 0

I am using jcarousel on a page in 3 different sections. I initially show the first section and hide the other two with display: none.

I have done some googling and found this is a common problem because anything that has a display of none automatically has a width of 0 and hence jcarousel cannot set it up properly.

I found this post on SO: Hide a jCarousel when page loads

That deals with it by putting the content you don’t wanna show just yet by moving it off the page, I could do that, but was wondering, would that be bad for SEO purposes? As in Google wouldn’t like the content being outside of the page?

Do I have any other options?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok, I fixed my issue by letting the content load first and then once all the page data was loaded I ran a function to hide the relative content.

    Code in header.. this runs the hideHomeCats function once everything on the page has been loaded.

    $(window).load(hideHomeCats);

    Where hideHomeCats is a function that hides the relevant content.

    Hope this helps someone else. 🙂

    • 0