Question

http://jsfiddle.net/3eMGR/16/

I’m trying to make it so that on the first click it shows row 2 and then on the second click is shows row 3.

How do i make two separate events?

Thanks for everyone’s help!

Answer 1

It has to be the same click handler, but you can use a variable to keep track of the click count.

var clickTarget = 2;
$("button").click(function () {
  var selector = "." + clickTarget.toString();
  $(selector).css("display","inherit");
  $(selector).show();
  clickTarget++;        
});

Demo