jquery切换多个div打开一个和其他休息

Question

问候， 我想要使用手风琴小部件（我目前使用，h3是触发器）的方式，当选择h3时出现另一个div，然后当选择了不同的h3时，会出现一个新的div并且另一个div消失，依此类推。

所以我有一个三栏布局，左栏是我的手风琴小部件，当选择h3时，会出现一个中间div（动画无关紧要），并在该div内浮动右列以给出三列布局，右列将用于显示/隐藏该中间div内的内容。我还在吗？

请记住，默认情况下第一个h3是打开的，所以会有一个相关的中间列打开，同时浮动右边的列也会在选中另一个h3时消失，等等。

我的jquery/javascript是最少的，我想不出任何方向去与此。

我使用切换？显示隐藏？任何想法将不胜感激！

所以我想我想要做的是给出的效果，内容是从divs中的链接填充显示/隐藏，切换或当用户点击链接而不是显示项目的洗衣清单/内容。

Answer 1

根据你所描述的，我编写了一个小例子。请看看这个作为出发点和评论你有任何问题。希望这对你来说是一个很好的起点。

查看确切代码的来源。

http://jsbin.com/ixaco

Answer 2

由于T B，这正是我一直在寻找。用你给出的代码，你能说出是否可以从show/hide将Jquery UI效果添加到填充的div中吗？正在考虑像一个盲目的效果或什么的。很好奇，因为我已经在使用UI手风琴小部件作为我的左栏。有人想知道为什么我要开始调用UI库。

您的代码：

$(function(){ 
    $("h3").click(function(){ 
    $(".content").hide(); 
    $(this).next().show(); 
    }); 
    $("h3:first").click(); 
}); 

＃

如果我添加 “盲”：

$(".content").hide(blind); 
    $(this).next().show(blind); 

诸如此类的话，我想...基本上只是看中它一点

再次感谢。