jquery - 如何消除多次点击功能？

Question

有人知道如何简化我丰富的点击功能吗？

这是我的例子:

$("#info01_v1_btn").click(function(){
    $("#info01_v1").slideToggle("fast");
    $("#info01_v1_btn a").toggleClass("open");
    return false;
});

$("#info02_v1_btn").click(function(){
    $("#info02_v1").slideToggle("fast");
    $("#info02_v1_btn a").toggleClass("open");
    return false;
});

$("#info03_v1_btn").click(function(){
    $("#info03_v1").slideToggle("fast");
    $("#info03_v1_btn a").toggleClass("open");
    return false;
});

$("#info04_v1_btn").click(function(){
    $("#info04_v1").slideToggle("fast");
    $("#info04_v1_btn a").toggleClass("open");
    return false;
});

$("#info05_v1_btn").click(function(){
    $("#info05_v1").slideToggle("fast");
    $("#info05_v1_btn a").toggleClass("open");
    return false;
});

如果这些函数没有在同一页面上一起调用，我可能只会使用一个类而不是 id，但我使用的是一个包含多个地址信息的模块，所以不知道该怎么做。根据记录，这确实有效，只是看起来真的很困惑。不确定添加循环是否有助于清理它。

注意*:我是一名网页设计师，并且自学了 jquery，因此正在寻找任何好的技术来使此代码更小，以便在其他地方可以重用。

谢谢

Answer 1

将事件绑定(bind)到所有以 _v1_btn 结尾的元素，并使用 ID 来定位下一个元素和 this关键字查找 <a>您需要定位的元素:

$('[id$="_v1_btn"]').on('click', function(){
    var ID = this.id.replace('_btn', '');
    $("#"+ID).slideToggle("fast");
    $('a', this).toggleClass("open");
    return false;
});