Javascript-форум - раскрывать/скрывать <td> при выборе определенного элемента списка

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

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

- - раскрывать/скрывать <td> при выборе определенного элемента списка (https://javascript.ru/forum/dom-window/2583-raskryvat-skryvat-td-pri-vybore-opredelennogo-ehlementa-spiska.html)

раскрывать/скрывать <td> при выборе определенного элемента списка

Здраствуйте. Помогите написать javascript который будет раскрывать/скрывать <td> при выборе определенного элемента списка
код:

Код:

<form method="POST" name = "mainform" action="" class="text">

<table border="1">

        <tr>

                <td>#1</td>

                <td>#2</td>

        </tr>

        <tr>

                <td>

                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id">

                                <option value="passport_serie">Паспорт - Серия</option>

                                <option value="passport_number">Паспорт - Номер</option>

                                <option value="whom_issue">Паспорт - Кем выдан</option>

                                <option value="when_issue">Паспорт - Когда выдан</option>

                                <option value="sex">Пол</option>

                                <option value="birthday">Дата рождения</option>

                        </select>

                </td>

                <td border="1" style="width:100;" name="sex">

                        <input type="checkbox" name="sex" value="0">муж<br />

                        <input type="checkbox" name="sex" value="1">жен<br />

                        <input type="checkbox" name="sex" value="2" checked>н/д<br />

                </td>

                <td border="1" style="width:100;" name="birthday">

                        <p>от<input type="text" name="birthday" value="">

                        до<input type="text" name="birthday" value=""></p>

                        <input type="checkbox" name="birthday" value="2" checked>н/д<br />

                </td>

        </tr>

</table>

<p align="right">

    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">

</p>

</form>

Спасибо за внимание.

ввобщем, пока написал:

Код:

<script type="text/javascript">

        <!--

                function toggle_visibility(id) {

                   var e = document.getElementById(id);

                   if(e.style.display == '')

                          e.style.display = 'none';

                   else

                          e.style.display = '';

                }

        //-->

</script>

<form method="POST" name = "mainform" action="" class="text">

<table border="1">

        <tr>

                <td>#1</td>

                <td>#2</td>

        </tr>

        <tr>

                <td>

                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id" onclick="toggle_visibility('sex');">

                                <option value="passport_serie">Паспорт - Серия</option>

                                <option value="passport_number">Паспорт - Номер</option>

                                <option value="whom_issue">Паспорт - Кем выдан</option>

                                <option value="when_issue">Паспорт - Когда выдан</option>

                                <option value="sex">Пол</option>

                                <option value="birthday">Дата рождения</option>

                        </select>

                </td>

                <td border="1" style="width:100;" id="sex" style="display: none">

                        <input type="checkbox" name="sex" value="0">муж<br />

                        <input type="checkbox" name="sex" value="1">жен<br />

                        <input type="checkbox" name="sex" value="2" checked>н/д<br />

                </td>

        </tr>

</table>

<p align="right">

    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">

</p>

</form>

а вот как раскрывать/скрывать при клике на определенный элемент списка?

всем спасибо \= решение найдено:

Код:

<script type="text/javascript">

<!--

  function toggle(switchElement) {

  var sex = document.getElementById('sex');

  var birthday = document.getElementById('birthday');

    if (switchElement.value == 'sex') {

      sex.style.display = '';

      birthday.style.display = 'none';

    }

    else if (switchElement.value == 'birthday') {

      sex.style.display = 'none';

      birthday.style.display = '';

    }

        else if (switchElement.value != 'birthday' && switchElement.value != 'sex') {

      sex.style.display = 'none';

      birthday.style.display = 'none';

    }

  }

-->

</script>

<form method="POST" name = "mainform" action="" class="text">

<table border="1">

        <tr>

                <td>#1</td>

                <td>#2</td>

        </tr>

        <tr>

                <td>

                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id" onChange="toggle(this);">

                                <option value="passport_serie">Паспорт - Серия</option>

                                <option value="passport_number">Паспорт - Номер</option>

                                <option value="whom_issue">Паспорт - Кем выдан</option>

                                <option value="when_issue">Паспорт - Когда выдан</option>

                                <option value="sex" onClick="toggle(this);">Пол</option>

                                <option value="birthday" onClick="toggle(this);">Дата рождения</option>

                        </select>

                </td>

                <td border="1" style="width:100;" id="sex" style="display: none">

                        <input type="checkbox" name="sex" value="0">муж<br />

                        <input type="checkbox" name="sex" value="1">жен<br />

                        <input type="checkbox" name="sex" value="2" checked>н/д<br />

                </td>

                <td border="1" style="width:100;" id="birthday" style="display: none">

                        <p>от<input type="text" name="birthday" value="">

                        до<input type="text" name="birthday" value=""></p>

                        <input type="checkbox" name="birthday" value="2" checked>н/д<br />

                </td>

        </tr>

</table>

<p align="right">

    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">

</p>

</form>