如何在表单中选择单选按钮时显示和隐藏div？

<form>
  <input type="radio" name="option" value="option1" onclick="showDiv()"> Option 1
  <input type="radio" name="option" value="option2" onclick="showDiv()"> Option 2
  
  <div id="div1" style="display:none;">
    <!-- 要显示/隐藏的内容 -->
  </div>
</form>

function showDiv() {
  var option = document.querySelector('input[name="option"]:checked').value;
  var div1 = document.getElementById('div1');
  
  if (option === 'option1') {
    div1.style.display = 'block';
  } else {
    div1.style.display = 'none';
  }
}