2011-04-15 55 views
0

我已經用'Click me'按鈕創建了兩個DIV。當用戶點擊按鈕時,隱藏的DIV會上下滑動。 (我已經使用了.slideToggle();方法)單擊按鈕可以基於哪個按鈕被點擊來顯示和隱藏內容

我需要DIV獨立於彼此向上滑動,而不是像現在他們現在所做的那樣。

請看演示這裏:http://jsfiddle.net/manidf/AetnV/

我已經看了看周圍的答案找到了這些,但沒有太大的幫助,http://bit.ly/fMn4JMhttp://bit.ly/fuwA2U

任何幫助或指針在正確的方向將不勝感激謝謝 曼尼

回答

1
+0

爲CSS的+1。 – Khez 2011-04-15 11:46:35

+0

你應該刪除那個+1 :),因爲它是@Manny的CSS。我剛剛修改了他的js。 – Krule 2011-04-15 11:52:05

+0

非常感謝你,這個訣竅! – Manny 2011-04-15 11:54:30

0

你點擊事件處理程序告訴類main_image滑動。

$(".main_image .block").slideToggle(); 

假設您的div都具有main_image類,它們將在單擊任一按鈕時發揮相同作用。

+1

這將是更好的評論。 – Khez 2011-04-15 11:47:14

0

他們倆都發生,因爲你告訴他們兩個彈出(如$( 「main_image .block」)的slideToggle();同時匹配滑動元素)

這應該解決它,因爲它僅在點擊鏈接之後選擇滑動面板。

$(document).ready(function() { 

    //Show Banner 
    $(".main_image .desc").show(); //Show Banner 
    $(".main_image .block").animate({ opacity: 0.85 }, 1); //Set Opacity 


    //Toggle Teaser 
    $("a.collapse").click(function(){ 
     $(this).next().slideToggle(); 
     $(this).toggleClass("show"); 
    }); 


});//Close Function