Элемент таргетинга в jquery

0

У меня есть элемент, который я использую в качестве расширителя. Когда я нажимаю на него, он использует функцию переключения, чтобы показать/скрыть элемент expander-container.

<script type="text/javascript">
$(document).ready(function () {
    $(".expand-icon").click(function () {
        $(".expander-container").toggle(500);
    });
});

<img class="expand-icon" src="./Content/Icons/toggle-expand-icon.png" alt="some_text" />
<div class="expander-container" >
 ... 
</div>

Как я могу настроить таргетинг только на следующее появление элемента expander-container без таргетинга на все из них на странице?

Теги:

2 ответа

1
Лучший ответ

Используйте .next()

$(document).ready(function () {
    $(".expand-icon").click(function () {
        $(this).next(".expander-container").toggle(500);
    });
});

Вот рабочая демонстрация: http://jsfiddle.net/XLNM5/

2

Я думаю, вам стоит пойти за

$(".expand-icon").click(function () {
    $(this).next('.expander-container').toggle(500);
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню