Javascript 同一页上的多个选项卡部分

Javascript 同一页上的多个选项卡部分,javascript,html,jquery,css,unbounce,Javascript,Html,Jquery,Css,Unbounce,我正在为选项卡部分使用以下脚本。如何使用不同的id在同一页面上创建第二个选项卡面板?HTML是自动填充的,因此无法修改 由于此页面是使用取消绑定创建的,因此无法修改HTML HTML 应该是一个简单的例子,将当前JS包装到一个函数中,该函数将两个容器ID作为参数 function initTabs(tabId, contId){ // only changes needed are these IDs var navButtons = $('#' + tabId+ ' a');

我正在为选项卡部分使用以下脚本。如何使用不同的id在同一页面上创建第二个选项卡面板?HTML是自动填充的,因此无法修改

由于此页面是使用取消绑定创建的,因此无法修改HTML

HTML



应该是一个简单的例子,将当前JS包装到一个函数中,该函数将两个容器ID作为参数

function initTabs(tabId, contId){
    // only changes needed are these IDs
    var navButtons = $('#' + tabId+ ' a');
    //Replace #lp-pom-box-331 with the ID of your content box
    var contentBoxes = $('#' +contId +' .lp-pom-box');
    
    // remainder of code the same    
}

// usage
initTabs('lp-pom-box-290', 'lp-pom-box-241')

您好,所以当您单击
选项卡1
时,
lp-pom-box-292
应该显示,依此类推?是的,它在本部分工作正常。但是我想在同一页上创建一个相同的选项卡部分。例如,如果我使用不同的ID创建相同的html副本。