rewriting a func. using a loop, not working

[toptomato]

i'm trying to re-write the following function using a loop but it's not working and i don't know why.

$(function () {
        $('#acchdr1').click(function(){
        runAccordion(1);
        });
        $('#acchdr2').click(function(){
        runAccordion(2);
        });
        $('#acchdr3').click(function(){
        runAccordion(3);
        });  //etc., etc., 

so instead, i tried this,.....

$(function () {
    hdrNum = 11;
    for(i=0;i<hdrNun;i++) {
        $('#acchdr'+i).click(function(){
        runAccordion(i);
        });
    }
}) 

the result is that the only the last header opens (#11). Here's my online example:
http://www.tomcarden.net/dev/faux.html

Thanks for any help with this!!

[xelawho]

it's a closure problem. I'm not sure what the exact solution looks like in jQuery, but translated from vanilla js it looks something like this:

for(i=0;i<11;i++) {
		$('#acchdr'+i).click(function(i){
		return function(){
				runAccordion(i);
				}
			}); (i)
		}

[xelawho]

or maybe like this?

for(i=0;i<11;i++) {
		$('#acchdr'+i).click(function(i){
		return function(){
				runAccordion(i);
				}
			} (i)
		);
	}

[toptomato]

awesome!, thank you xelawho.

the second one worked (first did not).

that syntax looks strange to me. i don't get that last (i), ...after the bracket?

i ran it without just to see and it failed.

thanks again

[xelawho]

it does look weird. I'd explain it, but I'd only be paraphrasing what I read here, which is a pretty good explanation. This guy compares some other techniques for solving the same problem, but seems to prefer the one I posted, too

[Declan1991]

I strongly suggest you write that as:

for(i=0;i<11;i++) {
  $('#acchdr'+i).click((function(i){
    return function(){
      runAccordion(i);
    };
  })(i));
}

For the following reasons.
Those extra parentheses make is so much easier to read!

And personally and totally equivalently, I prefer to write it as:

for (var i = 0; i < 11; i++) {
  (function (i) {
    // do stuff exactly as normal
  )(i);
}

[toptomato]

thank you Declan