@3dben

Как добавить активный класс на php?

Приветствую. Дело такое завалился на самом простом =)

У меня есть таб и при клике на закладку ей добавляется класс active, а у всех остальных его нет и самому блоку в котором находился контент добавляется класс in active

Я сейчас вы процессе обучения. Учусь сажать вёрстку на wp и столкнулся с тем что не могу написать функции добавляли и убирали активные классы нужным вкладкам и блокам с контэнтом.

HTML код выглядит так:
<!-- CONTAINER -->
                <div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
                    <!-- CASTOM TAB -->
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade [B]in active[/B] clearfix" id="tab1">
                            <p class="title"><b>Clean</b> Code</p>
                            <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
                        </div>
                        <div class="tab-pane fade clearfix" id="tab2">
                            <p class="title"><b>Technical</b> Support</p>
                            <span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
                        </div>
                    </div>
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li>
                        <li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li>
                    </ul><!-- CASTOM TAB -->
                </div><!-- //CONTAINER -->


я оставил по 2-а элемента

Проблем с выводом контентной части таба у меня нет:

<?php $code = carbon_get_post_meta(get_the_ID(),'clean_code','complex')?>
            <?php $i = 1;?>
            <div id="myTabContent" class="tab-content">
                <?php if($code ):?>
                    <?php foreach ($code  as $item):?>
                <div class="tab-pane fade clearfix" id="tab<?php echo  $i;?>">
                    <p class="title"><?php echo  $item['code_title'];?></p>
                    <span><?php echo  $item['code_subtitle'];?></span>
                </div>
                    <?php $i++; endforeach;?>
                <?php endif;?>


Помогите советом как решить эту задачку =)
59e1025e3c6bd503621838.jpeg
  • Вопрос задан
  • 1026 просмотров
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега PHP
{PHP, MySql, HTML, JS, CSS} developer
вроде это на жс, не на пхп... и вообще бутстрап вроде готовый, просто вы его готовить не умеете.
Читайте поваренную книгу
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
29 нояб. 2024, в 09:43
100000 руб./за проект
29 нояб. 2024, в 07:44
20000 руб./за проект