How to only show the active tab name in WooCommerce

Question

My WooCommerce product pages displays each product tab seperately and underneath eachother, which is good. The only problem i'm facing is that each tab displays all the tab names. I'd like to only display the name belonging to the tab.

Example

So far, i looked into the tab templates, tried some function snippets. Nothing worked so far.

Answer 1

you can hide by css

.ec-tabs>li.active, .wc-tabs>li.active {
    display: block;
}
.ec-tabs>li, .wc-tabs>li {
    display: none;
}