javascript - 在可点击链接下方显示 div

Question

我有以下内容:

<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>

在所有“注释”div 都默认隐藏 的地方，我想显示与点击时被点击的按钮 相关的那个。

有没有比这样更简单的方法:

$('#UniqueNoteLink').click(function() {
    $('#UniqueNoteID').toggle();
});

每个音符？

Answer 1

如果您要切换的元素紧跟在点击的元素之后，您可以使用 next()

$('.noteLink').click(function() {
    $(this).next().toggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>