给Ajax标签唯一的ID's

这个小提琴很基础。但有点显示我的问题，我故意没有改变ajax标签子id来突出这个问题。

基本上，我们有一个带有Ajax选项卡的页面。在上面的示例中，您将看到。现在，如果你点击联系人，你应该会看到两组子选项卡出现。

我遇到的问题是:

<div class="tabscontainerTwo">

我们需要动态和经济地生成它，这样我们就可以使用最少的js，并且js会将id附加到标签类中。

也许我没有解释好。

这就是它应该如何工作(我们可能在一个页面上有多组子ajax选项卡)

用户单击联系人页签。显示联系人窗格，下面有子ajax选项卡。这些都必须彼此独立工作，而不是冲突(代码方面)-每个单一选项卡中最多可以有12个这样的子选项卡。(如接触)

我不确定，但我认为这是因为所有这些子选项卡共享相同的类。所以也许改变:

$(".tab_contentTwo") 

$("#tab_content-2") $("#tab_content-3")

等是要走的路，问题是我有然后是如何控制和附加ID到每个选项卡，并控制它与css…因为这有点乱。

我不擅长JS，这段代码是SOHTANAKAS代码的一种端口。

感谢您的帮助。

我们想要实现的一个例子是这样的:http://mozo.com.au/home-loans

点击点击获取更多信息链接，页面上有很多这样的链接…它们都有自己的ajax选项卡子集，看看代码，这些都有唯一的id。想知道如何用Javascript正确嵌套