jQuery：从选择下拉列表中显示一个元素,当选择其他选项时隐藏它

在学习jQuery的同时,当选择一个选择下拉菜单中的项目/选项时,我试图显示一个DIV,并且在选择下拉列表中的任何其他选项时隐藏相同的DIV.

选择HTML：

<select name="source" id="source">
  <option value="null" selected="selected">&mdash;Select&mdash;</option>
  <option value="s1">Source 1</option>
  <option value="s2">Source 2</option>
  <option value="sother">Other</option>
</select>

DIV我需要显示何时选择“其他”

<div id="specify-source">Other source here...</div>

选择菜单中的任何其他选项时,上述DIV不可见.

我已经尝试过这个jQuery,但是当然它不能正常工作：

$(function() {  
 $.viewMap = {
  'sother' : $('#specify-source')
   };    
   $('#source').change(function() {
  // hide all
  $.each($.viewMap,function() { this.hide(); });
  // show current
  $.viewMap[$(this).val()].show();
   });
});

任何帮助,你可以给我,我会非常感激.

谢谢,