jQuery: FadeIn a selected value on click
<p>I have a selected box with 5 values. I'm trying to fadeIn inputs of what is selected in the box. For example: If input1 is selected, fade in input1 on click.</p>

<p>Here is what I'm trying to do:</p>

<pre><code>$(document).ready(function(){
    $('.btn').click(function() {
               if($("#selectbox").value == 'Input1') {
            $(".input1").show();
        } else if($("#selectbox").value == 'Input2') {
            $(".input2").show();
        } else if($("#selectbox").value == 'Input3') {
            $(".input3").show();
        } else if($("#selectbox").value == 'Input4') {
            $(".input4").show();
        } else if($("#selectbox").value == 'Input5') {
            $(".input5").show();
        }
    }
});
</code></pre>

<p>And here is a NOT working fiddle: </p>

<p><a href="http://jsfiddle.net/rzMHJ/" rel="nofollow">http://jsfiddle.net/rzMHJ/</a></p>
