jquery show hide

Question

看我有这个问题，我该怎么办呢（看图像）

我认为可以使用jQuery或ajax，但我不知道如何...

1. 我有这样的页面：
2. 当我点击第一个绿色立方体时，在页面底部向上滑动一个#div容器：
3. 当我点击页面底部的红色1cude #div容器时，向下滑动：
4. 但是当我在绿色立方体上点击（例如图像2）时，底部的#div容器向下滑动并向上滑动标题为2的新信息。

我希望你能帮助我...

还有一件事，当我点击绿色立方体时，颜色变为红色，当我点击红色立方体时，它会变回绿色。

Answer 1

我不知道这是否正是你所需要的，但我在这个小提琴中做了一个快速的解决方案：

http://jsfiddle.net/8Z66Y/3/

如果你点击正方形底部栏上下滑动，唯一缺少的就是文本，你可以使用每个div中的data属性并将其设置为barHTHT格式。

如果示例是在正确的轨道告诉我，我会在需要时添加数据，但我不知道您是否需要从其他地方检索数据

Answer 2

你只需要在第二个绿色的jquery代码中写入隐藏第一个绿色的条形码，并对第一个绿色的jquery代码执行相反的操作。

像：

$("first").click(function(){
    $("second").hide();
    $("first").toggle();
});
$("second").click(function(){
    $("first").hide();
    $("second").toggle();
});