Как выбрать второй элемент с JQUERY при нажатии на изображение?

Question

Код ниже работает только для первого div. Я не могу отобразить другие div, когда я нажал на другие "img" Вы знаете способ достижения второго (следующего) элемента?

$(document).ready(function() {

        $('.imgOpenClose').click(function() {
            if ($(this).attr("src") == "images/openTree.gif") {
                $(this).attr("src", "images/closeTree.gif");
                $(this).parent().find('div').eq(0).show();
            }
            else {
                $(this).attr("src", "images/openTree.gif");
                $(this).parent().find('div').eq(0).hide();
            }
        });
});

Answer 1

Поскольку у вас есть элемент разрыва, следующий за изображением, вам нужно будет использовать nextAll и выбрать первый DIV вместо простого использования next с фильтром, как в моем исходном ответе.

$('.imgOpenClose').click( function() {
    $(this).nextAll('div:first').toggle();
});

Answer 2

Если у вас есть несколько изображений с одним и тем же тегом класса, вы можете сделать это без добавления уникального идентификатора:

$(function() {
    $('.imgOpenClose').click(function() {
        $(this).next('div').children('table').toggle();
    });
});