I changed your code, to work in Sequence.
However, it is NOT resetting, when you choose something
That is NOT in sequence.
Code Changed.
// insert code to be run when the composition is fully loaded here
var V1 = 0, V2 = 0, V3 = 0, V4 = 0;
sym.$('v01').bind('click', function(){
sym.$('v01').unbind('click');
if(V1==0){
sym.$("v01").css({"background-color":"#FF0000"});
V1 = 1;
}
if (V1==1 && V3==1){
sym.$("ShowButton").show();
}
});
sym.$('v02').bind('click', function(){
sym.$('v02').unbind('click');
if(V2==0){
sym.$("v02").css({"background-color":"#FF0000"});
V2 = 1;
}
if (V2==1 && V4==1){
sym.$("ShowButton").show();
}
});
sym.$('v03').bind('click', function(){
sym.$('v03').unbind('click');
if(V3==0){
sym.$("v03").css({"background-color":"#FF0000"});
V3 = 1;
}
if (V1==1 && V3==1){
sym.$("ShowButton").show();
}
});
sym.$('v04').bind('click', function(){
sym.$('v04').unbind('click');
if(V4==0){
sym.$("v04").css({"background-color":"#FF0000"});
V4 = 1;
}
if (V2==1 && V4==1){
sym.$("ShowButton").show();
}
});