javascript - 具有新 div 的重复功能

Question

如何将此功能复制到另一个 div？

function goto(id, t){   

    //animate to the div id.
    $(".headbox-wrapper").animate({"left": -($(id).position().left)}, 600);

    // remove "active" class from all links inside #nav
    $('#nav a').removeClass('active');

    // add active class to the current link
    $(t).addClass('active');    
}

使用新名称和新 div，例如 function2。

它与这个在同一页面上，当我复制并打印新脚本时，它们都不起作用，这很明显。

Answer 1

基于贝内托的评论：

function goto(id, t){   
    $(".headbox-wrapper, .headbox-wrapper2").animate({"left": -($(id).position().left)}, 600);
    $('#nav a').removeClass('active');
    $(t).addClass('active');    
}

html:

<div id='headbox-wrapper'>Click me!</div>
<div id='headbox-wrapper2'>Click me again!</div>