我正在创建一个将在中间分割的页面。
页面的内容位于左侧和右侧的查看区域之外。这个想法是当你点击页面的一边（比如左边）时，动画会通过JavaScript触发，推动另一边的内容（在这种情况下是右边），隐藏它。
我设计它的方式类似于此页面上图像的滑块效果： http://www.buzzfeed.com/alexnaidus/california-drought-images
不同之处在于任何一方都会嵌入其他元素（div，图像等），并且动画通过左侧的单击激活，而不是在滚动区域时自动工作。
现在，创建这两个部分的语义最正确且易于管理的方式是什么？ （几乎像层一样）：你会建议使用div和JS或<canvas>元素吗？
非常感谢！