Javascript jQuery Mobile-如何基于<；显示/隐藏div；选择>；元素'；s值

我真的很困惑。我正在尝试根据用户选择其年龄时隐藏/显示多个div

<div id="wrapper">

<div id="page1">

<div data-role="fieldcontain" class="fcontain">
      <label for="selectmenu" class="select">Choose your age:</label>
      <select name="selectmenu" id="selectmenu">
        <option value="option1">Im over 21.</option>
        <option value="option2" id>Im under 21.</option>
      </select>
</div>
</div>

<div id="page2"> <!--If user selects "Im over 21."-->
  <p>Content for page 2 goes here...</p>

</div>

<div id="page3"> <!--If user selects "Im under 21."-->
  <p>Content for page 3 goes here...</p>
</div>

</div>

选择您的年龄：
我21岁了。
我不到21岁。
第2页的内容在这里

第3页的内容在这里

我该怎么做呢？我没有添加更多的代码，因为我认为它没有那么重要。我只需要一些jquery/javascript代码来显示/隐藏其他div。当用户选择上面的任何值时，我希望相应的div显示和隐藏当前包含的div（#page1）而不是（#wrapper）

谢谢你的帮助

---

Adan

假设您想用id=“page2”

那么相应的jQuery应该是这样的：

$("#selectmenu").change(function () {
   $("#page2").fadeOut();
    if ($(this).val() == "option1") {
       $("#page2").fadeIn();
    }
});

---

这没什么大不了的，看看这把小提琴@Adan G，你想展示和隐藏哪个潜水？