JSFiddle - React, Tailwind, and code Playground

HTML

<div id="section">
<input id="q1" type="button" value="q1"/>
<input id="q2" type="button" value="q2"/>
<input id="q3" type="button" value="q3"/>

<div id="item1">test</div>
<div id="item2">test2</div>
<div id="item3">test3</div>
</div>

JavaScript

function clearIt()
{
$('[id^=item]','#section').hide();
}
clearIt();
$('[id^=q]','#section').click(function(){
    clearIt();
  $('#item' + $(this).attr('id').replace('q',''),'#section').show();
});