html点击隐藏点击出现 点击按钮 内容隐藏 再点击一下 然后内容又显示了 这种效果

display演示

function clk() {

var text = document.getElementById("text");

var clk_btn = document.getElementById("clk_btn");

var data = text.getAttribute('data');

if (data == 1) {

text.style.display = "none";

text.attributes["data"].nodeValue = 2;

clk_btn.attributes["value"].value = "显示";

} else {

text.style.display = "block";

text.attributes["data"].nodeValue = 1;

clk_btn.attributes["value"].value = "隐藏";

}

}

display演示文本

html点击隐藏点击出现 点击按钮 内容隐藏 再点击一下 然后内容又显示了 这种效果怎么做？然后默认的是隐藏的...