Javascript 切换页面上的所有jQuery选项卡

我正在使用jQuery中的选项卡来显示不同语言C和Javascript中的代码段。当用户单击其中一个选项卡时，我希望所有选项卡都切换到相应的语言。例如，如果用户单击Javascript选项卡，所有其他代码段将切换到Javascript选项卡

以下是我正在做的事情的简要说明。下面是我的代码：

HTML:

---

我想通过使我的标签具有相同的链接，每当单击一个标签时，它们都会切换，但这似乎不起作用。有什么建议吗？

我想这就是你需要的

$("div.tabs").tabs({
  activate: function( event, ui ) {
    var tabIndex = $(this).tabs('option', 'active');
    $("div.tabs").tabs({active:tabIndex});
  }
});

在一个选项卡组中选择一个选项卡时，所有选项卡组都会选择该选项卡

---

编辑URL以转到正在工作的JSFIDLE站点。

您能否尝试更清楚地了解问题所在？在我看来，如果一个用户在Javascript选项卡上单击，那么所有其他选项卡都会用Javascript显示代码。这听起来不合逻辑……？如果用户单击Javascript选项卡，那么所有代码段都应该切换到Javascript选项卡并显示Javascript代码。在JSFIDLE中似乎工作得很好，但我似乎可以让它在index.html中工作。你们知道为什么吗？你们能给我一个网页的链接，这样我就可以查看源代码了吗？我现在在本地主机上做，但这是我的test.js和index.html。我直接从JSFIDLE复制了代码，但由于某种原因，它无法工作。我觉得我错过了一些小东西。提前感谢您的帮助。使用这个javascript旧的不起作用，因为您必须将所有内容放入$function{all code here}；是啊，这真是个奇迹！非常感谢你的帮助。

$(document).ready(function () {
    $("div.tabs").tabs();
});

$("div.tabs").tabs({
  activate: function( event, ui ) {
    var tabIndex = $(this).tabs('option', 'active');
    $("div.tabs").tabs({active:tabIndex});
  }
});