Question

I’ve got a bit of an issue with a script I’m playing about with. I’m trying to draw triangles that when you click on them "flip" around and change colour and if clicked again they revert to their initial state. The problem is I’m not sure where to set the isflipped variable.

Does anyone have any ideas/has anyone come up with a problem like this before? Here’s what I have at the moment:

http://jsfiddle.net/hnqB6/17/

Answer 1

You can save values in a map with index of elements as key e.g.

var flipmap = {}
flimmap[index] = false

//later in click
flipmap[index] = !flipmap[index]

other alternative is to use jquery data API to attach data with elements e.g.

first init flipped value per element

jQuery.data($("canvas")[i], 'flipped', false)//not-flipped

than on click toggle it

var flipped = jQuery.data(elem,'flipped')//old value
flipped = !flipped;//toggle it
jQuery.data(elem,'flipped',flipped)//save it 

I have updated example with that

http://jsfiddle.net/anuraguniyal/hnqB6/38/