BlueOwlCreative » Topic: Accordion and Safari/Edge page loading http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/feed/ Sat, 18 Jul 2026 17:49:21 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32537 <![CDATA[Accordion and Safari/Edge page loading]]> http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32537 Sun, 11 Feb 2018 23:47:47 +0000 CCSBAdmin I am using a 1 page site and seem to be having problems when navigating to a section just below the point of the Accordion. On this site http://test.corvetteclubsantabarbara.com when clicking on Newsletters main menu option, the prior section (Pictures) has several Accordions for the different years of club pictures. Each time there is a request to navigate down to the Newsletter section, it expands the contents of the Accordion ahead of it and forces the Newsletter section to jump down about 100 pixels. I do have “Open by Default” checked on the Accordion so that it shows a table of Events rather than a blank section (collapsed Accordion) because we have challenged end users. It works perfectly on Google Chrome on a Windows 10 box without shifting down but not with MS Edge. Safari and Chrome on any iOS device consistently causes it to jump down.

Is there an initial page load option available to force an Accordion to automatically expand it’s contents before a user clicks on any navigation link/button? Once the Accordion has been expanded in the section, navigating around the site doesn’t seem to cause the jumping issue.

]]> http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32541 <![CDATA[Reply To: Accordion and Safari/Edge page loading]]> http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32541 Mon, 12 Feb 2018 14:05:43 +0000 BlueOwl Hi there,

Got it.
We can add a tiny JS that will initiate the opening of the active accordion prior to the scrolling. Try adding this to our previously added Raw JS element (after this jQuery(function($) { )

jQuery('.acc_is_open').each(function () {
	if(!$(this).parent('.accordion').hasClass('active_acc')){
		$(this).click();
	}
}

Let me know if that does it. If not send over your credentials again in a private reply so I can hopefully fix it. :)

]]> http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32542 <![CDATA[Reply To: Accordion and Safari/Edge page loading]]> http://blueowlcreative.com/support_wp/forums/topic/accordion-and-safariedge-page-loading/#post-32542 Mon, 12 Feb 2018 17:31:46 +0000 CCSBAdmin Yes, that did the trick! It now works properly on MS Edge, Google Chrome and Safari on iOS devices. I had to resolve some syntax errors but with the help of Chrome Developer I was able to isolate the offending syntax problem. Thanks again!

]]>