Adding link to TAB into a tab content

by Akram kamal

HTML

<div id="tabs">
      <ul>
            <li><a href="#tab-1">Tab 1</a></li>
            <li><a href="#tab-2">Tab 2</a></li>
            <li><a href="#tab-3">Tab 3</a></li>
      </ul>
      <div id="tab-1">
            <h1>Tab 1</h1>
            <p>Lorem Ipsum</p>
            <a href="#" class="anchor">Link to Tab 3</a>
      </div>
      <div id="tab-2">
            <h1>Tab 2</h1>
            <p>Lorem Ipsum</p>
            <a href="#" class="anchor">Link to Tab 3</a>
      </div>
      <div id="tab-3">
            <h1>Tab 3</h1>
            <p>Lorem Ipsum</p>
      </div>
</div>

JavaScript

$(function(){
$('#tabs').tabs();
    $('.anchor').on('click', function(){
        $( "#tabs" ).tabs( "option", "active", 2 );
    });
});