selected下拉框选中一个后显示和隐藏其他的div

html代码

<div class="am-form-group">
    <label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">活动类型 </label>
    <div class="am-u-sm-9 am-u-end">
        <select name="article[activity_type]" id="select1" onchange="showinfo(this[selectedIndex].value)">
            <option name="option1" id="option1" value="1";>线上</option>
            <option name="option2" id="option2" value="2";>线下</option>
        </select>
    </div>
</div>
<div class="am-form-group" id="reason">
    <label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">目标金额 </label>
    <div class="am-u-sm-9 am-u-end">
        <input type="text" class="tpl-form-input" name="article[target_money]"
               value="" placeholder="请输入目标金额" required>
    </div>
</div>

jQuery代码

function showinfo(values){
    if(values == 2){
        $("#reason").css("display","none");
    }
    if(values == 1){
        $("#reason").css("display","block");
    }
}