layui实现单选按钮隐藏与显示input宽功能

1.先默认选中否将处罚原因隐藏 style=“display: none”
2.选取选中的单选按钮事件,判断选中的值做操作

html代码部分

<div class="layui-row margin-bottom-15">
                <label class="layui-col-xs2 think-form-label">行政处罚记录</label>
                {switch $data['is_penalize']}
                {case 0}
                <input type="radio" name="is_penalize"  lay-filter="testRadio" value="1" title="是">
                <input type="radio" name="is_penalize"  lay-filter="testRadio" value="0" title="否" checked>
                {/case}
                {case 1}
                <input type="radio" name="is_penalize" lay-filter="testRadio" value="1" title="是" checked>
                <input type="radio" name="is_penalize" lay-filter="testRadio" value="0" title="否">
                {/case}
                {/switch}
               <!-- <input type="radio" name="is_penalize" value="1" title="是">
                <input type="radio" name="is_penalize" value="0" title="否">-->
            </div>
            <div class="layui-row margin-bottom-15" id="contents" style="display: none">
                <label class="layui-col-xs2 think-form-label">处罚原因</label>
                <div class="layui-col-xs8">
                    <textarea name="penalize_reason" id="content" class="layui-textarea" cols="30" rows="10" style="height: 120px">
                        {$data['penalize_reason']}
                    </textarea>
                </div>
            </div>

js代码部分

 form.on('radio(testRadio)', function(data){
        if(data.value == '1'){
            $("#contents").css("display", "block");
        } else {
            $("#contents").css("display", "none");
        }
    });