为什么JS文件hide()方法不执行(我想用a标签控制表格显示)

为什么JS文件hide()方法不执行(我想用a标签控制表格显示)

问题描述:

html代码:
<

<p style="margin: 20px auto;color: red;width: 370px"><a onclick="open()">流动站设置</a></p>table id="station" id="hidden1">
            <thead><tr>
                <td style="width: 30px" >序号</td>
                <td style="width: 160px;text-align: center">流动站(一级学科)</td>
                <td style="width: 160px">专业(二级学科)</td>
                <td style="width: 145px">所属学院</td>
                <td style="width: 80px">联系人</td>
                <td style="width: 100px">办公电话<br>(010)
                </td>
            </tr></thead>

                        </table>
                    ****JS代码****
$(document).ready(function(){
$("#hidden1").hide();
function open() {
    $("#hidden1").show();
}

})

table标签怎么有两个id名啊,id是唯一的,把id="station"去掉

首先看到的是table标签少了'<',虽然和问题没有关系,但还是....嗯。
不要在ready里面的functon定义function,这样是访问不到你定义的open( )的。至于没有报“open()没有定义”的错误,是因为本来就有open()这个方法。你试试把open改为myopen,这样就会报“未定义”的错