JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<form onchange="myFunction();">
<label for='div1'>Opção 1</label>
<input type='radio' id='div1' name='consulta[]' value='1' >
<div id='m1' hidden>
DIV 1
</div>
<label for='div2'>Opção 2</label>
<input type='radio' id='div2' name='consulta[]' value='2'>
<div id='m2' hidden>
DIV 2
</div>
</form>
<script>
function myFunction() {
var $radio1 = document.getElementById("div1");
var $div1 = document.getElementById("m1");
var $radio2 = document.getElementById("div2");
var $div2 = document.getElementById("m2");
if($radio1.checked){
$div1.removeAttribute("hidden");
}else{
$div1.setAttribute("hidden", "hidden");
}
if($radio2.checked){
$div2.removeAttribute("hidden");
}else{
$div2.setAttribute("hidden", "hidden");
}
}
</script>
</body>