JQuery多个幻灯片，具有相同的上一个/下一个按钮

Question

我试图弄清楚一个令人沮丧的问题。

我现在拥有的内容：

• 一个ul包含两个li，每个table包含一个3x3 table。
• jQuery＆＃34;幻灯片＆＃34;脚本一次显示一个div。
• table两侧prevButton两个{用于＆＃34;幻灯片＆＃34;，nextButton和td。
• 点击div＆＃34;展开＆＃34;涵盖整个3x3 table的特定prevButton（nextButton和div仍然可见。
• 点击展开的table关闭它，div再次可见。
• 如果未展开table且nextButton可见，prevButton和table将用于转到下一个/上一个div。< / LI>

http://jsfiddle.net/m1djrrj8/

我想做的事情：

• 展开td时（点击table），nextButton会被覆盖，而prevButton和table应该 NOT 用于转到下一个/上一个div，而是用于显示下一个/上一个展开的{{1}}。

小提琴的粗糙结构

了解小提琴

• 有两个表有9个单元格（1,2,3,4,5,6,7,8,9）和（A，B，C，D，E，F，G，H，I），点击黄色侧边栏，从一个交换到另一个。
• 点击每个单元格会打开一个特定的div：
  • （1,2,3,4,5,6,7,8,9）显示（sq1，sq2，sq3，sq4，sq5，sq6，sq7，sq8，sq9）
  • （A，B，C，D，E，F，G，H，I）显示（sqA，sqB，sqC，sqD，sqE，sqF，sqG，sqH，sqI）。
• 当显示sq1~9或sqA~I时，我想使用黄色侧边栏通过sqI幻灯片显示sq1到sq9 或 sqA而不是切换表格。

JSFiddle有点长，我为此道歉，但如果有人能帮我解决这个问题，我将非常感激;我把头发撕掉了！

Answer 1

“。按钮”被编程为在<li>之间切换。因此，当您点击上一步按钮或下一个按钮时，当前<li>消失，另一个<li>出现。
要获得所需的结果，您必须更改逻辑：

1. 检查<div>是否覆盖了表格。
   
2. 如果是，请隐藏<div>并显示下一个<div>。