Как определить текущую активную вкладку при помощи JS или pHP?

Question

[Алексей]

Здравствуйте! Есть простенькие вкладки на сайте. Конструкция такая:

<?php $tab = string_parse_list($widget->options['tabs']); ?>
<?php $nametab = 1; ?>
<?php $contenttab = 1; ?>

<div class="tab" role="tabpanel">

    <ul class="nav nav-tabs" role="tablist">
        <?php foreach($tab as $tabs){ ?>
            <li class = "<?php if($nametab == 1) { ?>active<?php } ?>" role="presentation"><a href="#Section<?php echo $nametab++; ?>" role="tab" data-toggle="tab"><?php html($tabs['id']); ?></a></li>
        <?php } ?>
    </ul>

    <div class="tab-content tabs">
        <?php foreach($tab as $tabs){ ?>
            <div role="tabpanel" class="tab-pane <?php if($contenttab == 1) { ?>active<?php } ?>" id="Section<?php echo $contenttab++; ?>">
                <?php html($tabs['value']); ?>
            </div>
        <?php } ?>
    </div>
</div>

Скрипт прекрасно работает, принимает значения из админки и создает вкладки. Но. Никак не могу подцепить активную вкладку. То есть, когда пользователь переключается на вкладку, то к ней должен добавиться класс "active". Подскажите, как это сделать, средствами PHP или Javascript, или ткните носом в ссылку.

Пытался присваивать класс active такой конструкцией -

<?php if($contenttab == 1) { ?>active<?php } ?>

Но это не работает так, как нужно.

Заранее всем спасибо. Сами вкладки взяты отсюда: https://bestjquery.com/tutorial/tab/demo118/

Answer 1

[Алексей]

Вопрос решил. Использоватл такую функцию:

<script>
    $("#tabbuilder ul li").click(function(e) {
    e.preventDefault();
    $("#tabbuilder ul li").removeClass('active');
    $(this).addClass('active');
    })
</script>