show and hide all sections with dropdown select options it ones in elementor

I have a dropdown list
below it, I have 9 section

1.section id=Hige x 3

2.section id=Medium x 3

3.section id=Low x 3

I tend to do – when I select Hige, all sections with Hige will be shown. when I choose Medium only all sections of Medium will be shown. And so on. I use jQuery for this
The problem is that it only shows one section, Hige or Medium or Low

Thanks for all the answers and helpers really thank you very much

the code I write is:

<select id=”test” >
<option value=”High”>High room</option>
<option value=”Medium”>Medium room</option>
<option value=”Low”>low room</option>
</select>

.content{
display: none;
}
#High{
display: block;
}
jQuery(function() {
jQuery(‘#test’).change(function(){
jQuery(‘.content’).hide();
jQuery(‘#’ + jQuery(this).val()).show();

});
});