Javascript/JQuery交互式时间轴，带有扩展条目，这些条目在单击时相对于容器居中

我正在制定一个时间表。其概念是，当单击时间线中的某个条目时，整个时间线以该条目为中心，条目将展开

我这里有一个工作演示：

我已经使用jquery索引方法手动设置css左位置（将时间线放在单击的项目的中心）（当我单击时间线时，它会为时间线中的每个项目提供一个数值）

我想要做的是让javascript/jquery为我计算，这样，如果我添加项目、更改其宽度、更改容器元素的大小等，jquery函数将自动计算css的左位置

我知道有一些插件可以做到这一点，但今天早上在对现有解决方案进行剖析之前，我从零开始将其组合在一起

非常感谢您的任何帮助/建议

谢谢

麦肯锡伯格

pos = x * -35 + 150;

行了

---

哇。非常感谢您的快速回复@麦肯锡：很高兴能帮上忙。