Если ваша ссылка ведет на ту же страницу, можно просто
<a href="#tab1">
$('a[href^="#tab"]').click(function(){
$.ionTabs.setTab("Tabs_Group_name", "Tab_" + $(this).attr("href").replace('#tab', '') + "_name");
});
Но вообще, если без анимации ваши табы работают, то почему бы не наложить их друг на друга и не добавить немного CSS-магии?
<div class="content">
<div id="tab1">Beratung</div>
<div id="tab2">Jahresabschluss</div>
<div id="tab3">Finanzbuchhaltung</div>
<div id="tab4">Lohn- und Gehaltsbuchführung</div>
<div id="tab5">Steuererklärungen</div>
</div>
.content {
position: relative;
}
.content > div {
position: absolute;
display: none;
background: #eee;
width: 100%;
}
.content > div:first-child,
.content > div:target {
display: block;
}
Можно и анимацию добавить, если добавить
transition
и вместо
display
оперировать
width
или
opacity