怎么样写第一次和第二次点击同样的按钮实现的效果不同

Question

我想实现这样一个功能，点击一次按钮时 把 一个隐藏的表格显示出来 并且动态的向里面加入数据，
而点击第二次这个按钮是就再次把这个表格隐藏起来了 这个功能怎么实现？

Answer 1

$("#id").toggle(
  function () {
      //第一次触发的函数
  },
  function () {
    //第二次..
  }
); 

Answer 2

var toggleFlag = false;
function toggle() {
  toggleFlag = !toggleFlag;
  if(toggleFlag) {
    // do display and load data
  } else {
    // do hidden
  }
}

Answer 3

//点击就调clickEvent
var flag = false;
function clickEvent(){
//table表格对象
table.style.display = table.style.display == 'none' ? '' : 'none';
//表格显示时就加载
if( hiddenD.style.display == '' && !flag){
//向表格加载数据
flag = true;
}
}