select onchange show hide divs

<script>
function show_hide(it){
            switch (it){
            case 1 :   document.getElementById('div1').style.display = vis;break;
            case 2 :   document.getElementById('div2').style.display = vis;break;
            case 3 :   document.getElementById('div3').style.display = vis;break;
            }
         }
</script>

<select name="kategoria" onchange="show_hide(this[this.selectedIndex].value);">
               <option value="0"></option>
               <option value="1">prva</option>
               <option value="2">druha</option>
               <option value="3">tretia</option>
               </select>

<div id="div1" style="display:none">
div 1
</div>
<div id="div2" style="display:none">
div 2
</div>
<div id="div3" style="display:none">
div 3
</div>

show_hide(this.options[this.selectedIndex].value);

document.getElementById("div"+it)