SlideDown (jQuery) по выбору эллемента из SelectBox
 

Доброго времени суток. Есть простой вопрос, никак не могу сделать:
Есть эллементы выпадающего меню, нужно чтобы по выбору одного из них (просто выбор без кнопок и т.д.), разворачивался соответсвующий div

на текущий момент все выглядит так (не работает):
Код:

<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

//slide functions
$("#myselect").click(function () { // When any link is clicked
$("#myselect").slideDown("slow"); //slide in
});
</script>

<select id="myselect" onChange="">
<option value="1">Mr</option>
...
<option value="5">Prof</option>
</select>

<div id="1">
...
</div>
...
<div id="5">
...
</div>


Кто может подсказать реализацию?

JavaScript (jQuery)

function Panels() {}

Panels.prototype = {
	init: function(select, panels, speed) {
		$.extend(this, {select: $(select), panels: $(panels), speed: speed});
		this.options = this.select.children('option');
		var current = this;
		this.select.change(function() { current.show(); });
		this.panels.hide();
		return this;
	},
	hide: function() {
		this.panels.filter(':visible').slideUp(this.speed);
	},
	show: function() {
		this.hide();
		this.panels.filter(':eq(' + this.options.filter(':selected').val() + ')').slideDown(this.speed);
	}
};

$(function() {
	var myPanels = new Panels().init('#s', '#panels > li', 'slow').show();
});

XHTML:

<form action="">
	<label for="s">Label:
		<select id="s">
			<option value="0" selected="selected">option1</option>
			<option value="1">option2</option>
			<option value="2">option3</option>
		</select>
	</label>
</form>

<ul id="panels">
	<li>panel1</li>
	<li>panel2</li>
	<li>panel3</li>
</ul>

Вот такие вот страсти :D