jquery - jQuery 跳转菜单

Question

我很坚持这个。

我想创建一个跳转菜单来打开和关闭 div。但作为一个 jquery 初学者，我坚持向我的脚本发送 val 或其他内容。

到目前为止，请参阅我的 jsfiddle，也许您也很清楚我想要什么。

http://jsfiddle.net/wGs8a/2/

<select name="aantalpersonen" id="jumpMenu">
    <option value="one">Always vissable</option>
    <option value="two">Just when selected</option>
    <option value="three">All three are vissable</option>
</select>


<div id="one">
    I'm always vissable
</div>

<div id="two">
    I'm hidden and show if jumpmenu equals 2 and 3 is still hidden
</div>

<div id="three">
    I'm hidden and show if jumpmenu equals 3, 1 and 2 are also still vissable
</div>​

希望有人可以帮助我解决这个问题！谢谢你的时间。

Answer 1

好吧，这不是您想要的，但可以让您继续前进。

首先，从一开始就隐藏你不想显示的css中的div：

#two {display:none}
#three {display:none}

jQuery 代码是这样的：

$("#jumpMenu").change(function(){
   var selectedValue = $(this).val();

   $("div").hide(); //hides all divs

   $("#one").show(); //assures one is always visible

   switch( selectedValue ){
       case "one":
           //do nothing
           break;
       case "two":
           $("#two").show();
           break;
       case "three":
           $("#two, #three").show();
           break;
    } 
  });

您可以在http://jsfiddle.net/wGs8a/2/中看到它