单独工作的javascript使淋浴演示文稿空白

我希望这不是含糊不清的。如果是，请说

我试图在演示文稿中加入一些交互性。交互式图表的脚本在本地html中也能很好地工作。当我将相关位复制到淋浴演示html文件的一个部分（class=“slide”）时，它会很好地加载

但是，当我点击其中一个时间跨度（按钮b2007或b2016）来制作/裁剪图表时，页面变黑。如果我使用箭头键来回导航，我可以返回到幻灯片，我看到脚本确实有效，因为它确实显示了所选的时间跨度

所以问题似乎在于，当我调用.click（函数）时，它不知何故也调用了shower/shower.min.js中的某些内容。由于我是一个完全的初学者，我不敢在那里改变任何东西，而是希望你有一个绝妙的想法

$（'#b2007'）。单击（函数（）{
$（'#trendcont'）。设置动画({
宽度：“300px”
}, 1000);
});
$（'#b2016'）。单击（函数（）{
$（'#trendcont'）。设置动画({
宽度：“800”
}, 1500);
});
#趋势控制{
边框：0px实心#000；
高度：350px；
宽度：1px；
溢出：隐藏；
}

要开始，请单击其中一个时间跨度。
你有我可以尝试的工作演示吗？这将使一切变得容易得多。淋浴1.x和2.x之间也有很大区别，哪一个是你的？
我在这里使用最新的shwr.zip：你想要什么格式的演示？更多代码还是zip文件？shwr-index.html非常先进。我只是把上面所有的功能代码复制到正确的地方。主要问题是，鼠标点击屏幕就会变黑。后续问题：是否有办法通过鼠标点击转发幻灯片？