Js flip/unflip with same button

Question

Hi I want to make a button that first flip the image and then on next click it will unflip it... I tried a lot of methods but didn't work for me..

    $('.button').on("click", function (){ 
$('#image').css("transform","scaleX(-1)");
})

People are downvoting your question, because it's one that can be answered quickly, by using Stack Overflow's search: https://stackoverflow.com/search?q=javascript+flip+image — Crayons, Sep 18 '21 at 15:03

score -1 · Accepted Answer · answered Sep 18 '21 at 14:50

Use a flag variable to keep an record of changes. like

var flipFlag = 0 // initialy unfliped condition
$('.button').on("click", function (){ 
if(flipFlag == 0)
{
  $('#image').css("transform","scaleX(-1)"); // flip form
  flipFlag=1;                                // 1 to say fliped
}
else
{
  $('#image').css("transform","scaleX(0)"); // original form
  flipFlag=0;                               // 0 to say unfliped
}

});

hope this will help you out, Thank you

Js flip/unflip with same button

1 Answers1