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ページ上のすべての要素をターゲットにせずに、要素の次の出現のみをターゲットにするにはどうすればよいですか?

4

2 に答える 2

2

私はあなたが行くために行くべきだと思います

$(".expand-icon").click(function () {
    $(this).next('.expander-container').toggle(500);
});
于 2013-09-25T04:07:46.217 に答える
1

.next()を使用

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

これが実際のデモです: http://jsfiddle.net/XLNM5/

于 2013-09-25T04:11:16.633 に答える