系列图像: pie_1.png，bar_1.png，pie_2.png，bar_2.png

Question

我有几种(而且还会有更多)数据类型的网页，每种数据都由一个条形图和一个饼状谷歌图表示：

<h3>Data_1</h3>
<p class="chart" align="center">
<img class="primary" src="pie_1.png">
<img class="secondary" src="bar_1.png">
</p>

<h3>Data_2</h3>
<p class="chart" align="center">
<img class="primary" src="pie_2.png">
<img class="secondary" src="bar_2.png">
</p>

....

首先，我想显示饼图和隐藏条形图。

当用户单击饼图时，我想用滑动效应将其切换到条形图。

我想，我很清楚如何使用jQuery --使用个人it，如#pie_1、#bar_1、#pie_2、#bar_2、.

但我想知道，在这里是否可以采取更普遍的办法？

Answer 1

可以使用.next()和.prev() jQuery方法，如下所示：

bars.click(function () {
    $(this).slideUp().next().slideDown();
});
pies.click(function () {
    $(this).slideUp().prev().slideDown();
});