CODEWITHSUNDEEP
javascriptjqueryjquery-plugins
Tim Herbert
Tim Herbert

Reputation: 120

jQueryrotate if else loop issue

I am trying to setup an element that will rotate 180 degrees when clicked and then back again when clicked again. The code I am using is as follows. Is obviously not right and feels like I need to use a for loop. 

$('#hodgepodge').click(function(){
    var i = 0;
    if (i < 1) {
        $('#hodgepodge').rotate(180);
        var i = 1;
    } else {
        $('#hodgepodge').rotate(0);
        var i = 0;
    }
    });

Upvotes: 1

Views: 73

Answers (2)

adeneo
adeneo

Reputation: 318312

You can use jQuery's data() to keep track of the state, and then just toggle it :

$('#hodgepodge').on('click', function(){
    $(this).rotate( !$(this).data('state') ? 180 : 0 );
    $(this).data('state', !$(this).data('state'));
});

FIDDLE

Upvotes: 1

GautamD31
GautamD31

Reputation: 28753

Try to initialize before click event like

var i = 0;
$('#hodgepodge').click(function(){
    if (i < 1) {
        $('#hodgepodge').rotate(180);
        i = 1;
    } else {
        $('#hodgepodge').rotate(0);
        i = 0;
    }
});

Upvotes: 0

Related Questions