Как заставить работать метод jquery.show() при добавлении через цикл?

Question

[its2easy]

На странице есть блоки с информацией и соответствующие им кнопки. При нажатии на кнопку один блок должен появляться, а остальные исчезать. При добавлении события вручную на каждую кнопку всё работает:

$("#description-button1").click(function(){
         $("#description-slide" + currDescSlide).hide();
         $("#description-slide1").show();
         currDescSlide = 1;
                                                 });

А если использовать цикл:

for ( i=1; i<6; i++) {
        $("#description-button" + i).click(function(){
          $("#description-slide" + currDescSlide).hide();
          $("#description-slide" + i).show();
          currDescSlide = i;
                                                      }); 
                            }

то при нажатии срабатывает только hide(). В чём может быть проблема?

Comments

[KzLIFE]

че за i? как вы его берете если у вас нет такой переменной?

Answer 1

[Дмитрий]

Можно так сделать

<a id="description-button">click</a>
<div id="description-slide">content</div>

$("#description-button").click(function(){
         $(this).next().slideToggle();
});