Link to a specific tab

hi @garweld ,

you can link using anchor tag to open another tab by doing these steps.

1.install Insert Script In Headers And Footers plugin.
2.you can find it in settings>Insert Script In Headers And Footers and paste the following script in “Scripts in Footer” textarea.

<script type=”text/javascript”>
jQuery(function () {
jQuery(‘.tabcall’).on(‘click’, function(event) {
event.preventDefault();
var tabid = jQuery(this).attr(‘tab-id’);
jQuery(‘[data-toggle=”tab”][href=”#’ +tabid + ‘”]’).trigger(‘click’);
})
});
</script>
3.now copy and paste following code in tab description

for example:-

link
you have to just change the tabs_desc_143_2 last digit of id according to your tabs sequence eg. tabs_desc_143_3 and run the It.if it doesnt work then let me know..

Thanks..

Thanks for the follow up.

I didn’t install the plugin, but I added your script code to my footer.php file, before the closing body tag.

My link looks like the following:

<a href="/bgs-faqs/#tabs_desc_1723_4" onclick="ga('send','event','BGS FAQs','/bgs-faqs')"><div class="bgsel-faqs hvr-float">
<i class="fa fa-question-circle" aria-hidden="true" style="color:#2a7f97; font-size:3.75em;"></i>FAQs</div></a>

Unfortunately, when I click on that link, it takes me to the FAQs page where my tabs are, but it’s not taking me to the 4th tab’s content. It just opens the page and the 1st tab shows by default.

hi @garweld ,

add <a tab-id="tabs_desc_143_2" class="tabcall" data-toggle="tab">link</a>

in tab description

you have to just change the tabs_desc_143_2 last digit of id according to your tabs sequence eg. tabs_desc_143_3 and run the It.if it doesnt work then let me know..

thanks.

Adding that code made the link unclickable. I found an alternative method to achieve what I am looking for though, so we can lay this conversation to rest.

hi @garweld ,

you may not be doing like that..but its good if you resolve it..

thanks