jQuery的顯示隱藏

Question

看我有這個問題，我怎麼可以做這樣的事情（看圖片）

我認爲這是可能使用jQuery或AJAX做的，但我不知道如何..

1. 我有網頁是這樣的：
2. 當我在1日綠色立方體幻燈片點擊了一個#div容器在頁面的底部：
3. 當我點擊紅一號cude＃在頁面底部的div容器滑落：
4. 但是當我點擊，例如（圖像2）綠色立方體底部#div容器滑下，並提出新的信息安博標題2.

我希望如此，你幫我這個..

還有一件事，當我點擊o綠色立方體它的顏色chancing紅色，而當我在紅色立方體點擊它變回綠色。

Answer 1

我不知道這是否是你所需要的東西，但我確實在這撥弄一個快速的解決方案：

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

如果您在點擊正方形底部的小節向上和向下滑動，唯一缺少的是文本，您可以在每個div中使用data屬性並將其設置爲innerHTML欄。

如果例子是在正確的軌道告訴我，如果你需要它，我將添加數據，但我不知道你是否需要從別的地方

Answer 2

你只需要在第二個綠色的jQuery代碼中編寫隱藏第一個綠色條的代碼，並對第一個綠色的jquery代碼做相反的處理。

喜歡：

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