2011-04-15 53 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