Подгрузит контент и активировать вкладку?

Question

[loed]

Есть скрипт который по клику выводит контент из файла в неактивную вкладку. Как сделать так что бы при клике на ссылку неактивная вкладка с этим контентом сразу открывалась.
Код скрипта:

$('a').click(function(){

var link = $(this).data('href');

    $.ajax({
    url: link,
    cache: false,
    beforeSend: function() {
    $('#divContent').html('Получаем контент');
    },
    success: function(html){
    $("#divContent").html(html);
    }
    });
    return false;
    });
    });</script>


<li><a id="getContent" class="to_top"  data-href="/ssi/map/kamyzyak.php" href="#">кам</a></li>
<li><a id="getContent" class="to_top"  data-href="/ssi/map/volodar.php" href="#">вол</a></li>

Код вкладки:

<div class="section">

	<ul class="tabs">
		<li class="current">Активная</li>
		<li>Неактивная</li>

	</ul>

	<div class="box visible">содержание активной</div>
<div class="box">содержание неактивно, выводим тут  <div id="divContent"><!----></div> </div> </div>

Comments

[DanKud]

Конкретно для двух вкладок можно просто переключать классы. Для большего числа вкладок соответственно нужно действовать уже по другому:

.....
success: function(html ){
    $("#divContent").html(html);
    document.querySelectorAll('.tabs > li').forEach(el => {
        el.classList.toggle('current');
    })
    document.querySelectorAll('.box').forEach(el => {
        el.classList.toggle('visible');    
    })
}
.....

[loed]

DanKud, Рыботает вроде но единожды. Те если кликать поочередно
кам
вол
уже не переключается вкладка. Может я не правильно Ваш код вписал?

<script>
    $(document).ready(function(){

    $('a').click(function(){

var link = $(this).data('href');

    $.ajax({
    url: link,
    cache: false,
    beforeSend: function() {
    $('#divContent').html('Получаем контент');
    },
    success: function(html ){
    $("#divContent").html(html);
    document.querySelectorAll('.tabs > li').forEach(el => {
        el.classList.toggle('current');
    })
    document.querySelectorAll('.box').forEach(el => {
        el.classList.toggle('visible');
    })
}
    });
    return false;
    });
    });</script>