BlueOwlCreative » Topic: Open an Accordion item with button hyperlink http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/feed/ Sat, 18 Jul 2026 17:42:41 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32493 <![CDATA[Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32493 Tue, 30 Jan 2018 17:39:30 +0000 CCSBAdmin I have a 1 page navigation website http://test.corvetteclubsantabarbara.com and I would like to use a hyperlink from a button to an Accordion tab. Does this require some Java code? I did find this code on StackOverflow below but I probably need to create a child theme and paste it somewhere or perhaps the Fortuna Theme can handle this already. I have Row ID’s already set up for the major sections but hyperlinks don’t get resolved with #row_id_name when embedded in an Accordion. Thanks.

$( document ).ready(function() {
 if (window.location.hash) {
   var AccordionSectionNumber = window.location.hash.substring(1);
   AccordionBodyID = $(".accordion .accordion-group:nth-of-type(" + AccordionSectionNumber + ") .accordion-heading a").attr('href')
      if (! (typeof AccordionBodyID === "undefined")) {
        $(AccordionBodyID).collapse('show');
        return true;
      }
    }
});
]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32496 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32496 Wed, 31 Jan 2018 15:09:04 +0000 BlueOwl Hi there,

This code is not within the theme JavaScript’s context so it’s not really relevant.
You should be able to achieve this witha a small JS snippet and if you provide your user/pass I would be happy to help (please use a private reply).

]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32497 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32497 Wed, 31 Jan 2018 16:44:42 +0000 CCSBAdmin http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32498 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32498 Wed, 31 Jan 2018 17:48:10 +0000 CCSBAdmin http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32500 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32500 Thu, 01 Feb 2018 08:50:08 +0000 BlueOwl Hi again,

Check now.
Basically I added a click event to the Our Board button, that clicks the Out Board tab.
Also added the smooth scroll effect to the button. :)
The code is in your First RAW JS element.

]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32501 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32501 Thu, 01 Feb 2018 13:45:38 +0000 CCSBAdmin Thank you so much!

]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32560 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32560 Wed, 14 Feb 2018 16:49:54 +0000 CCSBAdmin Sorry to re-visit this again but it appears that on this site http://test.corvetteclubsantabarbara.com using an iPhone with either Safari or Chrome, clicking “Membership” button does indeed expand the Accordion (I can see it by scrolling down) but it does not navigate down to the expanded Accordion. Instead, it goes back to the top of the page. It works fine on my iPad Pro with either MS Edge or Chrome – go figure. The javascript for the Board button is identical to the Membership button and works exactly as advertised on my iPhone/iPad. 

jQuery(function($) {
  jQuery(".membership_button").click(function(){
     jQuery("#membership").click();
  });
  jQuery(".membership_button").attr("rel","smooth_scroll");
});
]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32565 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32565 Wed, 14 Feb 2018 23:58:29 +0000 CCSBAdmin I meant it works fine on my iPad Pro with Safari and on a Windows 10 box with either Chrome or Edge.

]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32570 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32570 Thu, 15 Feb 2018 08:33:34 +0000 BlueOwl Hi,

When I look at the source code the element with id of “membership” seems to be a rawHTML element … this seems to possibly create a conflict with the element with id of “membership” which would be the TAB that you want clicked. Can you remove that rawHTML and try again?

]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32574 <![CDATA[Reply To: Open an Accordion item with button hyperlink]]> http://blueowlcreative.com/support_wp/forums/topic/open-an-accordion-item-with-button-hyperlink/#post-32574 Thu, 15 Feb 2018 18:04:21 +0000 CCSBAdmin Thanks! Membership button had the wrong URL in it so I corrected that problem and it now works on all devices!

]]>