javascript - クリックすると消えるリンクを作成し、代わりに div を表示する

Question

javascript を使用して、クリックすると消え、その場所に非表示の div が表示されるリンクを作成するにはどうすればよいですか?

私はこのようなことを望んでいます：

[link]
<div id="hidden" style="hidden">
//hidden content
</div>

リンクをクリックすると、div が「style='show'」に変わり、リンクが消えます。

これが理にかなっていることを願っています...

前もって感謝します

Answer 1

ライブラリを使用せずに簡単に言えば：

<a href="javascript:void(0)" onclick="this.style.display = 'none'; document.getElementById('hidden').style.display = 'block'">Click me</a>
<div id="hidden" style="display: none">...</div>