如何处理这个项目？

Question

我最近一直在学习jQuery，虽然我可以完成大部分我想做的事情，但我知道我可能会浪费行和代码行以及过度复杂的更新，我想这是自我教学过程的一部分因为我自己学到的一切都发生在我身上，随着时间的推移，我会优化我的工作，但起初我创造了丑陋的东西，浪费了大量的时间。

问题是我不是在这里要求代码片段，我想我可以自己弄明白而且我想，作为我学习过程的一步，我只想知道如何处理这个我有的小项目记住所以我可以开始构建一个jQuery编码器思维模式。

我有100％的屏幕宽度包装，在包装内，滑块有溢出隐藏，然后在滑块内有许多250 * 150盒子。

每当你点击每个方框时，它都会打开显示内容并关闭之前打开的方框，就像一个有点扭曲的手风琴系统。

扭曲的是打开的框总是在左边= 250px位置，因此，如果你点击框3，它会将滑块移动到左边：-500px。

现在，我可以做到这一点，但问题在于我的方式，这将是一个更新的噩梦，所以这里的问题是：你将如何处理这个项目？

我会先假设一些变量吗？或许可以确定它是关闭还是打开？为每个div编号，以便在为左侧位置设置动画时将其乘以250？使用子选择器而不是什么？

希望有人能在这里帮助我，先谢谢！

Answer 1

我会使用CSS3 only来使用它，然后使用jQuery在旧版浏览器中模拟CSS3。在现代浏览器中jQuery并不总是必要的，特别是如果内容可以默认隐藏在标记中使用CSS而不是从JavaScript数据结构生成。