Javascript 在可点击链接下方显示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>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>

对于每个注释？

是，使用类

$（函数（）{
$（“.note”）.hide（）；
$（“.noteLink”）。单击（函数（）{
$（this.next（）.slideToggle（）；
});
});
a{光标：指针；显示：块；}

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息
是，使用类


$（函数（）{
$（“.note”）.hide（）；
$（“.noteLink”）。单击（函数（）{
$（this.next（）.slideToggle（）；
});
});
a{光标：指针；显示：块；}

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息
如果要切换的元素正好位于单击的元素之后，则可以使用
next（）


$（'.noteLink'）。单击（函数（）{
$（this.next（）.toggle（）；
});

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息
如果要切换的元素正好位于单击的元素之后，则可以使用
next（）


$（'.noteLink'）。单击（函数（）{
$（this.next（）.toggle（）；
});

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息


可点击
函数clickables（）{
document.getElementById（'clicka'）.innerHTML=“Yo-Yo”
}

或

function clickable(){
    document.getElementById('clickable').innerHTML = "content";
}
Use onClick to call it

<div id="click" onClick="javascript:clickable();">Click me!</div>

功能可点击（）{
document.getElementById（'clickable'）.innerHTML=“content”；
}
使用onClick调用它
点击我！



可点击
函数clickables（）{
document.getElementById（'clicka'）.innerHTML=“Yo-Yo”
}

或

function clickable(){
    document.getElementById('clickable').innerHTML = "content";
}
Use onClick to call it

<div id="click" onClick="javascript:clickable();">Click me!</div>

功能可点击（）{
document.getElementById（'clickable'）.innerHTML=“content”；
}
使用onClick调用它
点击我！
使用
.next（）
将是理想的解决方案。但是，如果您能够将
.note
和
.noteLink
包装成带有复选框的
标签
标记，则可能不需要javescript来完成此操作。以下是一个例子：


输入，
.注{
显示：无；
}
标签，
输入：选中~div{
显示：块；
}

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息
使用
.next（）
将是理想的解决方案。但是，如果您能够将
.note
和
.noteLink
包装成带有复选框的
标签
标记，则可能不需要javescript来完成此操作。以下是一个例子：


输入，
.注{
显示：无；
}
标签，
输入：选中~div{
显示：块；
}

注释名称
完整注释详细信息
注释名称
完整注释详细信息
注释名称
完整注释详细信息
看看jQuery的各种遍历函数：。看看jQuery的各种遍历函数：。
<div class="clickables">
    <span onClick="javascript:clickables()">Clickables</span>
    <div id="clicka" class="deepclickables">
    </div>
</div>
<script>
function clickables(){
    document.getElementById('clicka').innerHTML = "Yo yo yo"
}
</script>

function clickable(){
    document.getElementById('clickable').innerHTML = "content";
}
Use onClick to call it

<div id="click" onClick="javascript:clickable();">Click me!</div>