怎么实现 TI 官网这种点击后，右侧出现相应的内容的效果。

[kevinfk2]

https://www.ti.com/solution/dish-washer

例如该网址中，点击“Reference designs & products”中左侧的框图，在右侧出现了更多详细的内容。

这种有什么工具可以实现吗？

有没有大佬解答下

[Vegetable]

看了一下这应该是他们自己做的组件，点击左边组件获取数据在右边渲染详细信息。
这页面保留了 sourcemap，感兴趣可以看看
/**
* End Equipment Reference Designs (EERD) API
* Team: Product and Systems Path Virtual Team
* Date: 06/2019
* Version: 1.2
* Latest:
* Products and reference designs items are now side-by-side instead of tabbed view
* EERD width now spans 1920px max
*/

至于左边的图，更有意思了。

<!-- Generated by Microsoft Visio, SVG Export Dish Washers_EEID1272_07092018.svg Page-1 -->

这个 svg 是 visio 导出的，也不知道里边的详情链接是怎么绑定进去的。

[kevinfk2]

@Vegetable 虽然没怎么听懂，但是很感谢大佬的解答。