Only fields in the 1st TAB will display

Oops, here is the video

Nope, sorry cannot figure out how to upload a short video file

So I will try these uploaded images.

Update: I created a new project and the TAB object works normally but does not work in existing projects.

I cannot say anything about your project but the Jobs template may have some additional CSS that hides tabs. That would explain this kind of behaviour.

You are spot on Sergey,
This CSS was present. I cannot remember why it was used. I have been poking around in many examples trying to learn as I go. But when I removed this my TABS came back.

.panel-heading{
display:none;
}
.panel-body{
padding:0px !important;
}
.panel-primary {
border-color: white !important;
}
.panel {
margin-bottom: 0px !important;
border: 0px !important;
}
.info-box{
display: block;
min-height: 90px;
width: 100%;
border-radius: 2px;
}
.info-img{
display: block;
float: left;
height: 50px;
width: 50px;
text-align: center;
font-size: 30px;
line-height: 45px;
color:white;
}
.img_bgcolor_red{
background-color:#dd4b39 !important;
}
.img_bgcolor_green{
background-color:#90EE90 !important;
}
.dashtext{
border-radius: 2px;

border: 1px solid #e6e6e6;
min-height: 91px;
padding:7px;
padding-left:97px;
line-height: 1.6em;
background-color:#f5f5f5;
}