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

Добрый день.
Пытаюсь показать 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(); 
                }
  });

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