Я хочу сделать так, чтобы select показывался только при правильном выборе option. В моём случае - это текст. При нажатии на него, должен появляться ещё один select с подпунктами, но что-то не работает. Помогите, пожалуйста, найти ошибку.
<select id="order-type">
<option value="all">Все категории</option>
<option value="1">Тексты</option>
<option value="dev">Разработка и IT</option>
<option value="seo">Оптимизация и SEO</option>
<option value="market">Маркетинг</option>
<option value="video">Аудио и видео</option>
<option value="design">Арты и дизайн</option>
</select>
<select class="text-area" style="display: none;">
<option value="1">Текст 1</option>
<option value="2">Текст 2</option>
</select>
<script type="text/javascript">
$('#order-type').change(function() {
var selectval = $(this).val(); // Получим значение из select со значением #participation
if( selectval == '1') {
$('.text-area').show();
} else {
$('.text-area').hide();
}
});
</script>
