Как показать div при одном значении селекта и скрыть при другом?

Question

[Максим]

Добрый день.
Пытаюсь показать div с id=time при значении селекта, равном 1 и скрыть при других.
Пытался так, но не получилось.

<select class="form-control selectpicker" id="select1">
      <option value="3">3</option>
      <option value="2">2</option>
      <option value="1">1</option>
      </select>

$('#select1').bind('change', function(event) {
             var i= $('#select1').val();
              if(i=="1") 
               {
                   $('#time').show();
               }
             elseif(i=="2")
               {
                 $('#time').hide(); 
                }
  });

Помогите разобраться, пожалуйста

Comments

[Михаил]

консоль откройте и посмотрите

Answer 1

[Beeetle]

Answer 2

[Одиночка Айс]

$('#select1').bind('change', function() {
	var i = parseInt($('#select1').val());
	if(i === 1){
		$('#time').show();
	}else{
		$('#time').hide();
	}
});

Зачем проверять другие значения?