Javascript 使div显示在相同的位置

嗨，我想创建一个表单，用于根据疾病选择症状。但问题是div没有显示在相同的位置。请帮我做这个

无标题文件
脚本部分：根据选择选项选择分区的脚本。
函数testCheckbox（str）{
document.getElementById（“糖尿病”）.style.visibility=（str==“糖尿病”）？“可见”：“隐藏”；
document.getElementById（“jaundice”）.style.visibility=（str=“jaundice”）？“可见”：“隐藏”；
}
//表格设计：



治疗


病人编号：
病人姓名：

疾病：
糖尿病
黄疸
压力
抑郁症
//分区组：
症状：

视力模糊
疲劳

减肥
缺乏感觉



瘙痒的
减肥

尖晶石流失


//第二节结束：

当我切换选择选项-->

通过显示（块/无）更改可见性（隐藏/可见）时，我希望div元素显示在相同的位置，并且它们将显示在相同的位置

HTML:

JS:

---

嗯。。。恐怕我再也不会去看医生了，如果他们用这种表格做诊断的话……什么部门，什么职位？请用精确的目标和你在实现这些目标时遇到的问题来明确问题

style="display: none;"

document.getElementById("diabetes").style.display= (str == "diabetes") ? "block" : "none";