Select, при выборе варианта показываем див блок, как сделать под два варианта (показывать блок)?

Question

[Антон Вебсайтовский]

Всем привет.

Сделал скрипт для селекта, выбираю вариант в селекте и показываю див блок.

В валуе вывожу текст варианта который я сравниваю в js, чтобы понять для какого варианта нужно показывать скрытый див блок.

Для двух вариантов я сделал показывать див блок, но срабатывает только для последнего блока.

$('#celect1').change(function() {
  $('div.taxogr').slideUp();
});
$(document).ready(function() {
  $('#celect1').change(function() {
    $('#taxogr')[$(this).val() == 'Вариант 2' ? 'show' : 'hide']();
    $('#taxogr')[$(this).val() == 'Вариант 3' ? 'show' : 'hide']();
  });
});

Рабочий пример:
https://jsfiddle.net/vlit/ag14ju8s/287/

Comments

[Softlink]

Разберите порядок выполнения скрипта.
Селект изменился -> выполняется строка с проверкой на Вариант 2 и сразу же проверка на Вариант 3. Т.е. у вас всегда показ блока зависит от проверки на Вариант 3. Если поменять порядок строк, то всегда будет проверяться Вариант 2.
Вам же надо либо по порядку проверять(а не написать) эти варианты или через или. Как пример https://jsfiddle.net/wvn7efm3/1/

[Антон Вебсайтовский]

Softlink, так в этом и был вопрос, как правильно сделать, а то как я запихал, и так понятно что не правильно и не работает.

[Антон Вебсайтовский]

А вот это то что мне нужно, да работает, https://jsfiddle.net/wvn7efm3/1/ спасибо.