JQuery & раскрывающееся меню скрывает div (или textareas)

Question

Я хотел бы иметь выпадающее меню с jQuery show и скрывать различные div (или textareas) под ним.Вот мой код jQuery на данный момент:

$(document).ready(function(){
    $('#edit1').hide();
    $('#edit2').hide();
        $("#page_selection").change(function(){
        $("#" + this.value).show().siblings().hide();
        });
    $("#page_selection").change();
    });

И html:

<p> 
                <select id="page_selection">
                    <option value="edit1">About All</option>
                    <option value="edit2">Home Introduction</option>
                </select>
                <form method="post" action="page_edit_action.php" />
                    <div name="about_all" id="edit1"><?php echo $content['about_all'] ?></div>
                    <div name="home_introduction" id="edit2"><?php echo $content['home_introduction'] ?></div>
                </form>
                </p>

Этот код не меняется, когда я выбираю другую опцию в выпадающем меню.

Если возможно, я бы хотел изменить div на textareas.Спасибо :).(Кстати, массивы php содержат контент, не стесняйтесь заменить его своим заполнителем)

Answer 1

Ваш код работает, вы можете проверить его здесь: http://jsfiddle.net/6XEsx/

Что-то еще , за пределами вашего примера здесь вмешивается.

Кроме того, вы можете немного его укоротить, используя мультиселекторы и цепочки, например:

$(function(){
    $('#edit1, #edit2').hide();
    $("#page_selection").change(function(){
        $("#" + this.value).show().siblings().hide();
    }).change();
});​

Вот эта версия, использующая <textarea> элементы, такие как вы, после :)