У меня есть элемент, который я использую в качестве расширителя. Когда я нажимаю на него, он использует функцию переключения, чтобы показать/скрыть элемент 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
без таргетинга на все из них на странице?
Используйте .next()
$(document).ready(function () {
$(".expand-icon").click(function () {
$(this).next(".expander-container").toggle(500);
});
});
Вот рабочая демонстрация: http://jsfiddle.net/XLNM5/
Я думаю, вам стоит пойти за
$(".expand-icon").click(function () {
$(this).next('.expander-container').toggle(500);
});