Javascript-форум - Show/Hide для селекта

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Show/Hide для селекта (https://javascript.ru/forum/dom-window/29280-show-hide-dlya-selekta.html)

Show/Hide для селекта

Мне нужен селект, в котором, в зависимости от выбора option'a будет открываться (Show/Hide, ну или sideToggle) содержимое блока, с определенным id.
Попытался написать сам, но в js я нубяра последний, по этому попытаюсь обьяснить, что я пытался сделать: скрипт должен открывать содержимое div, согласно id, указанным в value у option'a, исправьте, пожалуйста, заранее благодарен!!!

<FORM>
<SELECT ONCHANGE="Add()">
<OPTION VALUE="">My Home Page
<OPTION VALUE="1">Resume
<OPTION VALUE="2">Hobbies
<OPTION VALUE="3">My Dog
</SELECT>
</FORM>
<div id="1" style="display:none">info1</div>
<div id="2" style="display:none">info2</div>
<div id="3" style="display:none">info3</div>
<script>
var id;
id = this.options[this.selectedIndex].value;
var Add();
function Add(){  
$('#id').slideToggle('fast');
} 

</script>

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<FORM>
<SELECT ONCHANGE="Add(this.value)">
<OPTION selected>My Home Page</OPTION>
<OPTION VALUE="1">Resume</OPTION>
<OPTION VALUE="2">Hobbies</OPTION>
<OPTION VALUE="3">My Dog</OPTION>
</SELECT>
</FORM>
<div class=WrapAll>
<div id="1" style="display:none">info1</div>
<div id="2" style="display:none">info2</div>
<div id="3" style="display:none">info3</div>
</div>
<script>
function Add(a){
  if(a!=''){
  $("div.WrapAll > div").hide('fast')
  $("div.#"+a).show('fast');}
} 

</script>