场景:我创建了一个包含56个<li>
元素的简单2列jQuery手风琴。实际上,它可能有200个或更多的项目知道;)它在循环中重复<li>
尝试小提琴。真酷! https://jsfiddle.net/srmahmud2/smtn6gt0/9/ demo here
方式我已经完成了它:使li向左浮动,使用15px填充以在其间留出一些空间。
目标:制作一个表现良好的多列jQuery手风琴
问题:
例如,左侧的数字1项目将会展开,但左侧的大多数项目将自动向右移动,这是不合需要的。
现在点击数字3.在展开时,完成展开后,这将再次回到左侧。因此,您不会在鼠标指针下再次单击以折叠或再次单击以展开其任何子项。在最后一项之前尝试所有奇数。
点击最后一项之前的任何项目将展开它;但这也会在左侧打开一个白色/空白区域。