Tag: 手风琴

jQuery Accordion open崩溃了: 使用jquery v1.3.2和jQuery UI 1.7.1 我有一个标签控件，里面有3个标签。每个标签包含1个手风琴控件。 $(document).ready(function() { $(‘#acc1’).accordion({ collapsible: true, autoHeight: false }); $(‘#acc1’).accordion({ collapsible: true, autoHeight: false }); $(‘#acc1’).accordion({ collapsible: true, autoHeight: false }); $(‘#tabControl’).tabs(); }); tabControl在页面加载时不可见。有按钮打开它。 $(“#btnShow”).bind(“click”, function() { $(‘#tabControl’).slideToggle(“slow”); }); 我找不到将所有手风琴控制器折叠的方法。每当我显示tabControl时，手风琴中的第一个项目总是会扩展。我试过这个： $(‘#acc1First’).css(‘display’, ‘none’); $(‘#acc2First’).css(‘display’, ‘none’); $(‘#acc3First’).css(‘display’, ‘none’); $(‘#acc1First’).slideUp(); $(‘#acc2First’).slideUp(); $(‘#acc3First’).slideUp(); 但它有时会出现问题，第一项需要点击2次才能正常工作等。有没有办法初始化折叠控制所有项目折叠？谢谢

顶级Accordion中的Jquery UI嵌套手风琴内容: 我正在尝试创建一个包含多个组织级别的导航菜单。我正在构建一个嵌套的jQuery UI Accordion，如果所有内容都在手风琴的最低级别（最深）嵌套中，那么它非常有用。问题是某些元素会有内容和副手风琴。如果我在顶部手风琴的旁边放置一些文字，它看起来很棒……但是一旦我将它包裹在标签中，它就会破坏该元素中的嵌套手风琴这是我试图让它看起来像Photo Mockup的模型我目前的HTML One I really want a list here! A list list list B list list list Two But They Do Not Work A2 list list list B2 list list list jQuery的 $(“div.accordian”).accordion({ autoHeight: false, collapsible: true, active: false }); 像这样运行代码会为第一部分生成一个好的嵌套手风琴，但第二部分渲染不正确。看起来jQuery开始在标头之后抓住第一个html元素来构建手风琴。我在调用accordian时指定了header选项，如下所示 $(“div.accordian”).accordion({ autoHeight: false, collapsible: true, […]

Jquery手风琴默认不会崩溃: 我正在使用bootstrap提供的崩溃插件，这是一个jquery简单的插件但是默认情况下会崩溃，如何修改以便崩溃项目默认隐藏，只有当我按下标题时，项目才会崩溃并显示？谢谢该插件的文档只有几行，所以只需要一分钟 $(document).ready( function () { $(“.collapse”).collapse()({ toggle: false, show: false }); } ); 这是html： Collapsible #1 content1 Collapsible #2 content2

JQuery隐藏了UL，只扩展了一次特定的类集（像手风琴一样）: 对，伙计们，在与JQuery Accordion争夺我想要做的事情之后，我认为隐藏所有的二级UL并且只在我的CMS自动设置lis的类上扩展它们将是最简单的事情。我想要手风琴类型的function，但它必须在特定的ul活动时展开/滑动。我已经意识到典型的JQuery手风琴不适合，因为我不会在CMS菜单输出中切换li。这里的菜单代码： Home Content Content 2 Content 3 //How to target this command to multilevel-linkul-0 class? $(function(){ $(‘ul li ul’).slideDown(); }); （小提琴： http ： //jsfiddle.net/Dmhcq/5/ ） – 更新了小提琴以准确显示我的意思，我只希望使用currentbranch1的辅助UL来滑动使用此代码，任何具有span类“currentbranch1”的东西都应该是slideDown，其余的应该保持隐藏状态。我一直在看样本JQuery代码，即使从哪里开始我也完全不知所措，我不是JS程序员:)。所以不幸的是，上面是我最好的刺。如果有人有任何建议，将不胜感激。 🙂 干杯缺口

如何通过单击打开和折叠手风琴Jquery: 尝试单击打开并折叠手风琴。我能够但是当我选择另一支手风琴时它会越来越近。它应该选择或关闭同一个手风琴。这是我试过的。 JS： $(document).on(“click”, “.accordion-toggle”, function () { if ($(this).attr(‘class’).indexOf(‘open’) == -1) $(this).toggleClass(“open”).next().slideToggle(‘fast’); //Hide the other panels $(“.accordion-toggle”).not($(this)).removeClass(“open”); $(“.accordion-content”).not($(this).next()).slideUp(‘fast’); }); 小提琴：演示

手风琴一次打开一个标签: 我有一个手风琴，它工作得非常好，但我需要的是一次只打开一个标签，意味着打开一个标签然后应该关闭另一个标签。目前，您可以看到我们可以通过单击选项卡链接打开所有选项卡。代码在这里 $(“#accordion > li > span”).click(function() { $(this).siblings(“div”).slideToggle(250); $(this).toggleClass(“active”); }); 这是小提琴

同时打开所有手风琴窗: 我正在为我的应用程序使用jQuery accordion插件。有没有办法同时打开部分（页面加载后），以便同时显示所有页面的内容。如果不可能，请给我一个链接，我可以实现类似的function。谢谢。我是jQuery的新手。

在回调时重新初始化jquery手风琴: 我的手风琴在页面加载方面工作正常，但是当用户与页面上的某些元素进行交互时，我使用ajax来重建手风琴的HTML。然后，我尝试再次重新初始化手风琴 $(‘#accordion’).accordion({ active: false, autoHeight: false, clearStyle: true, collapsible: true, header: ‘h3’ }); 但是……它似乎没有采取。渲染HTML的新块未应用手风琴规则。相反，它只是作为一个大型列表保持开放。我甚至尝试过setTimeout（）重新调用手风琴，只是在回调中返回呈现的HTML之前尝试初始化。在回调中呈现的HTML与pageload的HTML完全相同（除了在Accordion方法生效时发生的DOM添加）

我可以通过点击其他元素来扩展/折叠JQuery ui Accordion的内容吗？: 默认情况下，有控制展开/折叠的内容标题。但在我的情况下，我也可以通过其他元素展开/折叠内容。例如： jquery ui accodion代码的基本结构： $(function() { $( “#accordion” ).accordion(); }); Section 1 Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit […]

jquery accordion阻止冒泡/允许默认链接操作: 我有一个手风琴设置如下： $(‘.shortheadline’).accordion({ active: false, header: ‘.headline’, autoHeight: false, animated: ‘slowslide’, changestart: function(event, ui) { $(‘.brief’).css(‘min-height’,’0′) }, change: function(event, ui) { $(‘.brief:visible’).css(‘min-height’,’80px’); $(‘.headline’).blur(); } }); 我希望点击仅在.headline div上注册，而不是在里面的链接。该链接应该带您到文章页面。 11:34 AM Jeff Gamet Shares iPhone Tips and Tricks on MacJury The Mac Observer’s Jeff Gamet joined MacJury host Chuck Joiner to talk about Apple’s iPhone OS 3.0, […]