Как вывести определённые блоки при выборе select?

Question

[Orestiy]

Всем доброго времени суток!
Нужна ваша помощь, поскольку на данном этапе плохо понимаю синтаксис jQuery.
Суть вопроса: есть select с несколькими пунктами, стоит задача: при клике только на второй пункт селекта - начинает отображаться блок идущий под ним, т.е. к нему добавляется класс "display".

<select>
     <option>One</option>
     <option>Two</option>
     <option>Three</option>
</select>

Ну и сам блок:

<div class="hidden-rel-fields">Lorem ipsum...</div>

После выбора второго варианта должен иметь вид

<div class="hidden-rel-fields display">Lorem ipsum...</div>

Вот, что у меня получилось

$(".my_select_form").change(function () {
    $(".hidden-rel-fields").addClass("display");
});

Но это не решает мой вопрос до конца, поскольку класс добавляется в любом случае, какой вариант я бы не выбрал и не удаляется когда выбираю другой вариант отличный от второго.

Answer 1

[Avrong]

Вам нужно проверять значение выбранного элемента.
Что-то типа этого: jsfiddle.net/FvMYz

Answer 2

[lega]

jsfiddle.net/lega911/dmpa5hba