Помогите пожалуйста решить следующую проблему:
Код выглядит, примерно, следующим образом:
<div id="box">
<img class="object_1" src="images/1.jpg">
<img class="object" src="images/2.jpg">
<img class="object" src="images/3.jpg">
<img class="object" src="images/4.jpg">
...
<img class="object" src="images/n.jpg">
<button id="showr">Показать</button>
<button id="hidr">Спрятать</button>
</div>
JavaScript
$(document).ready(function(){
$("#showr").click(function () {
$("#box .object:eq(0)").show("fast", function () { // выводим все элементы типа .object
$(this).next().show(350, arguments.callee);
});
$("#box .object_1").slideDown("fast"); // выводим определенный элемент
});
$("#hidr").click(function () {
$("#box .object").hide(2000); // прячем все элементы типа .object
$("#box .object_1").slideUp(1000); // прячем определенный элемент
});
});
Проблема заключается в том, что если поместить на страницу ещё один элемент
#box с массивом
.object и кнопками "
Показать", "
Спрятать" - последствия ужасны.
Не могу понять, как сделать так, что бы при нажатии на кнопки обрабатывались
только соседние элементы...