jQuery在多个div之间打开/关闭

我有一个相当简单的jQuery切换在这里工作：http://jsfiddle.net/yVa3U/1/ - 但我不知道如何获得活动div切换下一个div被点击时切换。jQuery在多个div之间打开/关闭

有关如何做到这一点的任何建议？

感谢

$(document).ready(function() { 

    $('.answer').hide(); 

    $(".toggle").click(function(){ 

     $("div[rel='profile_" + $(this).attr("profile") + "']").toggle(400); 
}); 

});

来源

2012-12-22 Dave

您应该添加

$(".answer").not($(this).next()).hide(400);

调用toggle()功能

旁注

之前，你可以行$("div[rel='profile_" + $(this).attr("profile") + "']").toggle(400);改变 $(this).next().toggle(400);
而不是使用属性profile你最好使用data属性

Demo

来源

2012-12-22 20:29:00 Horen

您需要hideall答案上点击except的current答案，你能做到这样，

Live Demo

$(document).ready(function() { 
    $('.answer').hide(); 
    $(".toggle").click(function() { 
     currentAnswerDiv = $("div[rel='profile_" + $(this).attr("profile") + "']"); 
     $('.answer').not(currentAnswerDiv).hide(); 
     currentAnswerDiv.toggle(400); 
    }); 
});

来源

2012-12-22 20:27:57 Adil

如果同时点击两次相同的切换元素，则不会切换活动答案 – charlietfl

@charlietfl，我已更新我的答案，谢谢指出。 – Adil

您可以使用next()

$(".toggle").click(function() { 
     var $next=$(this).next().toggle(400) 
     $('.answer').not($next).hide(); 
});

这是更好地隐藏与CSS你的答案类，而不是等待ready事件在JavaScript

DEMO：http://jsfiddle.net/yVa3U/7/

API参考号：http://api.jquery.com/next/

来源

2012-12-22 20:30:20 charlietfl

jQuery在多个div之间打开/关闭

回答

相关问题