同一个按钮可以有两种用途

在做项目的时候遇到一个问题：一个图片按钮，当第一次点击的时候要显示下面的一个div，，如果验证码输入正确，第二次点击就要隐藏上面的那个这个div,显示另一个div,。即，同一个按钮起不同的作用。

在想了很久还是同事帮忙解决了：

就是设置两个变量，然后根据变量来判断执行不同的操作。

var if_sdsdsd= false;
var flg = 0;


function submitOn(){
$("#switch").attr("src","resources/image/click3.png");

if (!if_sdsdsd) {
if($("#codekeys").css("display")=="none"){
$("#codekeys").css("display","block");
if_sdsdsd = true;
flg = 1;
//此时显示后台验证码
return;
}
}
if (flg == 1) {
//在显示后台验证码时再次点击，先判断验证码
var val = random();
if (!val) {
return;
}
}
}

function random(){

if($("#randomcode").val()==null || $("#randomcode").val()=="" || $("#randomcode").val()=="验证码"){
alert("请输入验证码！"); 
return false; 
}

//调用验证码函数
codeKey();
  
}