Click to another Tabs

Hi @amaroak,

Please share your site URL so we solve your issue.

Thank you

Image

Site

Thanks

Hi @amaroak

Please follow the below instruction:

1. Install Insert Script In Headers And Footers Plugin.
2. Then you can find it in settings>Insert Script In Headers And Footers and paste the following script in the “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 the following code in the tab description

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

you have to just change the tabs_desc_44_2 last digit of id according to your tabs sequence eg. tabs_desc_44_3 and run it.

Thank you

Hi @lokeshkalosiya

1.-I install Insert Script In Headers And Footers Plugin.
2–I copied the code in the “Scripts in Footer” textarea. (Like the image)

Image Plugin Script
Code in button

3.-but doesnot work
Thanks!

• This reply was modified 3 years, 6 months ago by amaroak.

Hi @amaroak,

Please replace the below code with the previous code.

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

to

<a href="#tabs_desc_44_2" class="tabcall" aria-controls="tabs_desc_44_2" role="tab" data-toggle="tab" aria-expanded="true">Click</a>

Thank you

Hi @lokeshkalosiya

I tried with the new code, but still doesnot work

can u help me with this please?

Thanks!

Hi @amaroak

In our system it is working, it may be because of confliction with other plugins.

Thank you