如何在jQuery中隐藏基于单选按钮切换的选择菜单？

<input type="radio" name="menu-toggle" value="option1">选项1
<input type="radio" name="menu-toggle" value="option2">选项2
<input type="radio" name="menu-toggle" value="option3">选项3

<div class="menu">
  <ul>
    <li>菜单项1</li>
    <li>菜单项2</li>
    <li>菜单项3</li>
  </ul>
</div>

$(document).ready(function() {
  // 监听单选按钮的改变事件
  $('input[name="menu-toggle"]').change(function() {
    // 获取选中的单选按钮的值
    var selectedValue = $(this).val();
    
    // 隐藏所有选择菜单
    $('.menu').hide();
    
    // 根据选中的值显示对应的选择菜单
    if (selectedValue === 'option1') {
      $('.menu').eq(0).show();
    } else if (selectedValue === 'option2') {
      $('.menu').eq(1).show();
    } else if (selectedValue === 'option3') {
      $('.menu').eq(2).show();
    }
  });
});