jQuery(function($){
  
  $(document).ready(function() {
     x_scroll_to_tab($, $('.x-nav-tabs .x-nav-tabs-item a[href="#' + location.href.split("#").slice(-1)[0] + '"]') );
  });

  $('.link_to_tab').click(function(e){
    e.preventDefault();
    x_scroll_to_tab($, $('.x-nav-tabs .x-nav-tabs-item a[href="#' + $(this).attr('href').split("#").slice(-1)[0] + '"]'));
  });

});

function x_scroll_to_tab($, tab_nav) {
            $(tab_nav).click();
            $('html,body').animate({scrollTop: jQuery(tab_nav).offset().top - ( jQuery('.x-navbar').height() + 0 ) - jQuery('header.masthead').height() },700 ,'swing');
}

var $document = jQuery(document),
    $nav = jQuery('.home .x-navbar'),
    className = 'x-navbar-fixed-top';

$document.scroll(function() {
  if ($document.scrollTop() >= 50) {
    $nav.addClass(className);
  } else {
    $nav.removeClass(className);
  }
});  

and class link_to_tab. All the tabs have #tab-1 #tab-2 etc, anchors.

I need to do the same with my accordions.
Here is the test link to scroll to, and open the accordion on my drop down menu:-

<li><a href="#collapse-1" class="link_to_tab">What we're about</a></li>

How do I alter the query to link/open the accordion?
Thanks.

Thanks for writing in!

Please review this thread: https://theme.co/x/member/forums/topic/open-accordion-from-link/#post-65132

Thanks!

Thanks for writing in! Regretfully, we cannot provide support for a third party scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s script.

Thank you for your understanding.

I had already tried the other script https://theme.co/x/member/forums/topic/open-accordion-from-link/#post-65132 that you suggested, but the question/answers were very fractured and specific to the other person’s question.
I really need a very clear answer/script that directly applies to my question.
The script you suggested does not work.
Could it be out of date due to updates?

Thank you for your patience and sorry the link we have suggested didn’t work for you.
Please check if your plugins is updated.
Meanwhile, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

I’ve updated your original code to work with accordions and added in your Customizer. I’ve also created a test page: http://46.32.241.211/djtees.com/store/example-accordion-link/

The code for accordions is following:

jQuery(function($){
  
  $(document).ready(function() {
    x_scroll_to_accordion($, $('.x-accordion-toggle[href="#' + location.href.split("#").slice(-1)[0] + '"]') );
  });

  $('.link_to_accordion').click(function(e){
    e.preventDefault();
    x_scroll_to_accordion($, $('.x-accordion-toggle[href="#' + $(this).attr('href').split("#").slice(-1)[0] + '"]'));
  });

});

function x_scroll_to_accordion($, acc_nav) {
  $(acc_nav).click();
  $('html,body').animate({scrollTop: jQuery(acc_nav).offset().top - ( jQuery('.x-navbar').height() + 0 ) - jQuery('header.masthead').height() },700 ,'swing');
}

var $document = jQuery(document),
    $nav = jQuery('.home .x-navbar'),
    className = 'x-navbar-fixed-top';

$document.scroll(function() {
  if ($document.scrollTop() >= 50) {
    $nav.addClass(className);
  } else {
    $nav.removeClass(className);
  }
});  

You need to follow the same method as for tabs.

Thanks!

Let us know if you need anything else.

Cheers!