div隐藏与显示

<input type="button" value="隐藏详情" class="jishu_n_k1_input2" id="btnShowDecode" onclick="javascript:showDecode()" /> &nbsp;&nbsp;</td>

<div style="border-style:solid;border-1px;height:270px; 550px;display: block;"  id="divDecode">
    <table width="100%" border="0" cellpadding="0"cellspacing="0">
         <tr style="line-height: 35px;">
              <td colspan="3"><span style="font-family: '微软雅黑';font-size: 15px;color: red;">VIN号：${vin}</span></td>
          </tr>
        </table>
</div>

对应的js代码如下：

function showDecode(){
    $("#divDecode").toggle();//如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
    if($("#divDecode").css("display")=="block"){//如果id为divDecode的元素的css样式的display=="block"

$("#btnShowDecode").val("隐藏详情");//修改按钮的名称为隐藏详情 }else{ $("#btnShowDecode").val("显示详情");//修改按钮的名称为显示详情

} }