Question

我用“点击我”按钮创建了两个DIV。当用户单击按钮时，隐藏的DIV会上下滑动。（我使用过.slideToggle（）;方法）

我需要DIV彼此独立地滑动，而不是与他们现在所做的同时滑动。

请在此处查看演示： http://jsfiddle.net/manidf/AetnV/

我已经四处寻找找到答案的答案，但帮助不大，http://bit.ly/fMn4JM和http://bit.ly/fuwA2U

任何有关正确方向的帮助或指示都将非常感谢谢谢曼尼

Answer 1

这是：

http://jsfiddle.net/AetnV/72/

Answer 2

你点击事件处理程序告诉类main_image滑动。

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

假设你的两个div都有main_image类，当点击任一按钮时它们的行为都相同。

Answer 3

他们都发生了，因为你告诉他们两个都弹出（作为$（“。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

点击按钮显示＆amp;根据单击的按钮隐藏内容

3 个答案: