jquery切换多个div打开一个,其余的关闭

时间:2010-01-29 07:36:18

标签: jquery toggle html show-hide slidetoggle

问候,       我试图想办法使用手风琴小部件(我目前正在使用,h3是触发器),当选择h3时会出现另一个div,然后当选择不同的h3时,会出现一个新的div,另一个消失等等。

所以我有一个三列布局,左列是我的手风琴小部件,当选择h3时会出现一个中间div(动画无关紧要)和一个浮动右列内的div给出三个外观列布局,右列将用于显示/隐藏该中间div内的内容。还在我身边????

请记住,默认情况下第一个h3处于打开状态,因此相关的中间列也会打开,右侧列也会浮动,但是当选择另一个h3时会消失,等等。

我的jquery / javascript充其量是最小的,我无法想到任何方向。

我是否使用切换?显示隐藏?任何想法将不胜感激!

所以我想我想要做的就是让内容从div中的链接填充,以显示/隐藏,切换或用户点击链接时的内容,而不是显示项目的清单/内容。

2 个答案:

答案 0 :(得分:2)

根据你所描述的,我编写了一个小例子。如果您有任何问题,请查看此起点并发表评论。希望这是一个很好的起点。

查看确切代码的来源。

http://jsbin.com/ixaco

答案 1 :(得分:0)

谢谢T B,这正是我想要的。使用您给出的代码,您是否可以说是否可以将Jquery Ui效果添加到show / hide的填充div中?被认为是一种盲目的效果或某种东西。好奇,因为我已经使用UI手风琴小部件作为我的左栏。任何人都想知道我为什么要开始调用UI库。

您的代码:

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

如果我加“盲”:

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

我认为这样的效果......基本上只是想要了解它

再次感谢。