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演示文本