javascript - 简单的可重用的 JavaScripttoggle() 脚本？

Question

我正在学习 JavaScript，但不知道如何处理可重用代码的简单片段。

我需要的是一段隐藏() #body01、#body02、#body03、04,05 等(所有这些)的代码。然后，当我单击 title01 时，它知道我想切换() body01。如果我单击 title02，它将切换() body02 等等。

<a id="title01">Title 1</a>
<div id="body01">Body content for Title 1</div>

<a id="title02">Title 2</a>
<div id="body02">Body content for Title 2</div>

<a id="title03">Title 3</a>
<div id="body03">Body content for Title 3</div>

抱歉，如果有人问这个问题，我自己无法找到或弄清楚。

谢谢!

Answer 1

如果您使用 jQuery(如果没有，您应该使用)，就这么简单:

$('[id^=title]').click(function(){

    var tmp = $(this).attr('id').split("title");
    $('#body'+tmp[1]).toggle();

});