jQuery Show image in a div with a third click

Question

function () {
    var i = 0;
    $('.class').click(i=i+1)
        if(i=3) {
            $('.class2').css('display','block');
        }
    }

This code does not work, Please help me.

Answer 1

You should bind your click event outside the function, and then track the 3rd click. You should also use a comparison operator instead of assignment. Of course, all of this should be wrapped in document ready.

var i = 0;
$('.class').on('click', function() {
   i = i + 1;
   if(i === 3) {
       $('.class2').css('display','block');
   }
});

Here is a Fiddle Demo .

Answer 2

Should be :

$(function() { //ready function
    var i = 0;

    $('.class').click(function(){ //Attach click event to '.class'
        i=i+1; //Or i++;

        if(i===3) { //Use triple equal '===' for comparaison
            $('.class2').css('display','block');
        }
    })
})

Hope this helps.