单击选项卡（只有两个选项卡）时，动画并切换项目符号列表？

Question

您可以看到，我有两个选项卡默认和即时观看，因此，当用户单击第二个选项卡时，会显示一个新的项目符号列表针对该特定产品（观看时，下面的图片是UL项目符号列表，默认选项卡用于默认标签）。这可能来自数据库，但现在以静态数据为例就可以了。

到目前为止，我只是尝试过：

( () => {

    "use strict";

    // Variables holding content to show & hide

    const tabOne = $("div.second-tab .pn-ProductNav_Link"),
        tabTwo = $("div.second-tab .pn-ProductNav_Link + .pn-ProductNav_Link"),
        prodInfo = $("#features-product, #default-wac-feature-list");

    tabTwo.click( () => {
        prodInfo.slideToggle(600);
    });

}) ();

但是除了使用.load()方法之外，我不知道该怎么办。您认为最适合此的方法是吗？谢谢！

TLDR 我想在两个选项卡之间设置数据动画，默认情况下默认情况下会加载其自身的信息，但是第二个选项卡“ Dim-to-Watch”需要在点击时加载其自己的数据。