Link Button To Another Button

I don't really know how to explain it properly in English but I want to link a button to an action. Example: I have vertical tabs and when you select one of these tabs the relevant

Solution 1:

You can turn your buttons into labels and then use a radio to show the corresponding tab:

.radio,
.content {
  display: none;
}

.radio:checked+.content {
  display: block;
}

<divclass="vertical-tabs"><ulclass="tabs vertical"data-tab=""><liclass="tab-title active"><labelfor="panel1-radio">Tab 1</a></li><liclass="tab-title"><labelfor="panel2-radio">Tab 2</a></li></ul><divclass="tabs-content"><inputtype="radio"name="show-panel"id="panel1-radio"class="radio"checked><divclass="content"id="panela1"aria-hidden="false"><p>This is tab 1</p><labelfor="panel2-radio">Click to show Tab2</label></div><inputtype="radio"name="show-panel"id="panel2-radio"class="radio"><divclass="content"id="panelb1"aria-hidden="false"><p>This is tab 2</p></div></div>

If you are wanting to highlight the tabs in the list, you are going to have to add a bit of js to add and remove classes bases on the selected checkbox