Jquery: Ajustar height de los tabs

<div class="tabs" style="line-height:13px;">
                <a id="cabTabDP" class="tab active" href="#tabDP">Datos personales</a>
                <a id="cabTabFA" class="tab" href="#tabFA">Formación académica</a>
                <a id="cabTabEP" class="tab" href="#tabEP">Experiencia profesional</a>
   </div>
           
            <div class="tabs-content">
                <div class="tab-content" id="tabDP"> <!-- DATOS PERSONALES -->
                    <?php require("aaa.php");?>
                </div>
                <div class="tab-content" id="tabFA"> <!-- FORMACION ACADEMICA -->
                    <?php require("bbb.php");?>
                </div>
                <div class="tab-content" id="tabEP"> <!-- EXPERIENCIA PROFESIONAL -->
                     <?php require("cccc.php");?>
                </div>
            </div> <!-- tabs-content -->


Al final del fichero:

sizeDP = $("#tabDP").height();
$("#tabDP").css("height", sizeDP);

sizeFA = $("#tabFA").height();
 $("#tabFA").css("height", sizeFA);

 sizeEP = $("#tabEP").height();
 $("#tabEP").css("height", sizeEP);