สอบถามครับ เลือกเมนู Tab แล้วไม่ Active หน้านั้น ควรแก้ตรงไหนครับ

 <!-- ส่วน Tab -->
        <div class="custom-tabs-line tabs-line-bottom left-aligned">
            <ul class="nav" role="tablist">
                <!-- ส่วนประกอบ -->
                <li id="oliPdtIngredient" class="xWMenu active" data-menutype="MN">
                    <a role="tab" data-toggle="tab" data-target="#odvPdtIngredient" aria-expanded="true">ส่วนประกอบ </a>
                </li>
                <!-- สรรพคุณ -->
                 <li id="oliPdtProperties" class="xWMenu" data-menutype="MN">
                    <a role="tab" data-toggle="tab" data-target="#odvPdtProperties" aria-expanded="false">สรรพคุณ</a>
                </li>
            </ul>
        </div>


  <div class="tab-content">
            <!-- Tab ส่วนประกอบ -->
            <div class="odvPdtIngredient" class="tab-pane fade active">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="form-group">
                        <label class="xCNLabelFrm">ส่วนประกอบ</label>
                        <textarea class="form-control" maxlength="200" rows="4" id="otaDrugRmk" name="otaDrugRmk"><?=@$tPszRmk?></textarea>
                    </div>
                </div> 
            </div>
        
            <!-- สรรพคุณ -->
            <div id="odvPdtProperties" class="tab-pane fade">
                AAA
            </div>
</div>