Not So Lengthy Text In Tab Element

I’m working on this page:
http://vitalthrive.us/

Notice the tab element.
I feel annoyed that the options are a little limiting far as what I can create and I need support in a solution, please.

How can I made it more like this page:
https://www.bodytalksystem.com/learn/access/wellness.cfm
notice on this page where it is saying
“BodyTalk
Access
BreakThrough”

how do I create that on my page?

Would I need a 1/5 layout element on the left of the tabs element?

Or instead of having such a long sprawl of text under where it says “Your Benefits” on my page: http://vitalthrive.us/

Is there a way I can make the main tab titled “Physical Body” include under it nested hyperlinked text that, depending on what link is chosen, the text will appear on the right side in the tab text area?

So it would look like how the tabs are currently, yet I need support putting a “+” sign to the right of the tab title “Physical Body” (like the “+” attribute is used in your accordion element.

So the user can then click that “+” symbol and it would drop text below that tab title “Physical Body” and look like:

“Physical Body
– Create Order
– Hydration
– Cellular Hydration
– Breathe Deeper
– DNA/RNA Repair
– Brain Function
– Scars & Adhesions
– Microbiome
– Posture & Flexibility
”

So then, instead of having this ugly long text in the text section of that tab,

depending on what user clicks on under the tab title “Physical Body” that text would fade in to show itself on the right.

I know this is possible and I need your support because I need to learn how to do this please.

Thank you for your support.