Здравствуйте. Задачи состоит в следующим, есть много элементов с class="j" которые должны удалится после загрузки страницы, и есть элементы с class="c" которые являются соседними элементами с class="j" и при нажатии на которых должно происходить восстановление элементов с class="j", но не всех, а именно тех который являются соседним нажатого элемента class="c".
структура:
<div>
<div class="c"></div>
<div class=j"></div>
</div>
<div>
<div class="c"></div>
<div class=j"></div>
</div>
<div>
<div class="c"></div>
<div class=j"></div>
</div>
<script>
$(document).ready(function() {
var zag1 = $('.j).detach();
$('.c').live('click', function(e){
$(this).parent().append(zag1);
});
});
</script>
Данный скрипт работает неправильно, он удаляет все элементы с class="j" при загрузке, но при клике на class="c" восстанавливает не соседний удалённый элемент с class="j", а все элементы с class="j". то есть получается вот так:
<div>
<div class="c"></div>
</div>
<div>
<div class="c"></div> ( элемент по которому кликнули )
<div class=j"></div>
<div class=j"></div>
<div class=j"></div>
</div>
<div>
<div class="c"></div>
</div>
а должно получиться вот так:
<div>
<div class="c"></div>
</div>
<div>
<div class="c"></div> ( элемент по которому кликнули )
<div class=j"></div>
</div>
<div>
<div class="c"></div>
</div>
Пожалуйста помогите люди добрые, уже несколько дней себе голову ломаю...