0

Greetings, I'm trying to think of a way to use an accordion widget (which I'm currently using, h3 is the trigger) that when an h3 is selected another div appears, then when a different h3 is selected, a new div出现，另一个消失，依此类推。

so I have a three column layout, left column is my accordion widget, when the h3 is selected a middle div will appear (animation doesn't matter) and a floating right column within that div to give the appearance of a three column layout which右列将用于显示/隐藏该中间 div 中的内容。还在我身边？？？

Keep in mind that the first h3 is open by default, so there would be a related middle column open as well and floating right column as well within but will disappear when another h3 is selected and so on.

我的 jquery/javascript 充其量是最小的，我想不出任何方向。

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

所以我想我想要做的是在用户单击链接而不是显示项目/内容的洗衣清单时，从 div 中的链接中填充内容以显示/隐藏、切换或其他内容。

4

2 回答 2

2

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

查看确切代码的源代码。

http://jsbin.com/ixaco

于 2010-01-29T16:42:40.643 回答
0

谢谢TB，这正是我想要的。使用您提供的代码，您能否说出是否可以将 Jquery Ui 效果添加到显示/隐藏的填充 div 中？正在考虑像盲目的效果或什么的。很好奇，因为我已经将 UI 手风琴小部件用作我的左栏。万一有人想知道我为什么要调用 UI 库。

你的代码：

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

如果我添加“盲”： 

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

我想有这样的效果……基本上只是想花点时间

再次感谢。

于 2010-02-03T07:57:29.947 回答