tab selection on external link not working

I’ve created a 4 tab with external links, when I click on certain links, it opens different tabs & sometimes not at all (In Chrome) Is it because I placed the links inside of divs? Should I use a table instead?

link

<a onclick="jQuery('.services').find('li:eq(0) a').tab('show');" href="javascript:;">link1</a>
<div class="child_about"><a onclick="jQuery('.services').find('li:eq(1) a').tab('show');" href="javascript:;">link2</a></div>
<div class="child_about"><a onclick="jQuery('.services').find('li:eq(2) a').tab('show');" href="javascript:;">link3</a></div>
<div class="child_about_last"><a onclick="jQuery('.services').find('li:eq(3) a').tab('show');" href="javascript:;">link4</a>

[restabs alignment="osc-tabs-left" pills="nav-pills" responsive="true" contentcolor="#ffffff" tabcolor="" tabheadcolor="#ffffff" class="services"]
[restab title="" active="active"]
lorem ipsum
[/restab]
[restab title=""]
lorem ipsum
[/restab]
[restab title=""]
lorem ipsum
[/restab]

Hi visioncreativewilson,
Thanks for using our plugin, actually your shortcode missing closing tag ‘[/restabs]’, write this closing tag at end of shortcode and it will work fine.

Thanks

Sorry; I’m a little confused. So you are saying instead of this:
<a onclick="jQuery('.services').find('li:eq(0) a').tab('show');" href="javascript:;"><img src="image.jpg" alt="" /></a>

I replace with this:
<a onclick="jQuery('.services').find('li:eq(0) a').tab('show');" href="javascript:;"><img src="image.jpg" alt="" /></a>[/restabs]

Is this right?

Hi,

We hope our last response resolved your issue so we are marking this as resolved. In case issue still persists please response on this or start new ticket.

Thanks