accordion

Change animation speed of Jquery UI Accordion

由 谁说胖子不能爱 提交于 2019-12-09 05:27:58
问题 I'm using the Jquery UI Accordion, and I haven't found anywhere in the documentation on how to change the speed of the animation. I've found people suggest using option "animated: 'bounceslide'" but haven't been able to find what the different available options are for animated. My current js is as follows $( "#accordion" ).accordion({ event: "mouseover", animate:"slow", active:false }); The "animate:"slow" is not correct and therefore not working. Any ideas? 回答1: This is currently not

How to properly sort multiple accordions with jQuery

由 谁说胖子不能爱 提交于 2019-12-08 19:44:37
问题 This is my first time posting so please let me know if I fail to provide enough details. I have a page that contains multiple accordions. I wanted to use multiple accordions because I wanted users to be able to have multiple sections open at once which is not native to accordion. I also want users to be able to sort those accordions. The way the page is currently set up, users can sort the accordion with no problems. When the user goes to sort the accordions, I have a script that will close

JQuery accordion doesn't work without h3 tags

由 ♀尐吖头ヾ 提交于 2019-12-08 16:39:40
问题 I am trying to make an accordion with JQuery and am running into some trouble. The JQuery website shows to create your accordion content like this. <div id="accordion"> <a href="#">First header</a> <div>First content</div> <a href="#">Second header</a> <div>Second content</div> </div> When I do this the accordion doesn't work right and something is wrong with the formatting. If I put h3 tags around the header anchors like so <div id="accordion"> <h3><a href="#">First header</a></h3> <div

How do I remove an active outline from jquery accordion?

由 天涯浪子 提交于 2019-12-08 14:41:42
问题 I am using Jquery Accordion. The active link has an outline. I have tried using css: #accordion a:focus { outline: none; } #accordion a:active {outline: none; font-weight:bold;} and also #accordion a:-moz-any-link:focus { outline: none; } None of these seem to work. Can anyone advise a setting or another option to remove the dotted outline around the active links? 回答1: You need to figure out the tab element's class being applied by the widget. For instance, .ui-state-focus { outline: none; }

Drag-and-drop accordion panels? (ASP.Net)

由 為{幸葍}努か 提交于 2019-12-08 13:39:31
I have a set of accordion panes(dynamically created) contained in an Accordion control. Basically, what I am wanting is for the user to be capable of dragging these accordion panels so that instead of A pane B pane C pane They can drag and drop it to be something like B pane A pane C pane Or whatever. Also, more importantly, I would need to be able to detect that they have changed the order. Would there be a way to have it when they "drop" the pane that it can update a hidden field or something? I don't need a postback on every single drag and drop, but rather I want for when they hit a save

jquery multi level accordion

由 倾然丶 夕夏残阳落幕 提交于 2019-12-08 13:31:02
问题 I've got simple multi level accordion plugin. It's almost perfect for me. (function(jQuery){ jQuery.fn.extend({ accordion: function() { return this.each(function() { var $ul = $(this); if($ul.data('accordiated')) return false; $.each($ul.find('ul, li>div'), function(){ $(this).data('accordiated', true); $(this).hide(); }); $.each($ul.find('a'), function(){ $(this).click(function(e){ activate(this); return void(0); }); }); var active = $('.active'); if(active){ activate(active, 'toggle'); $

JQueryUI Accordion: Headers and an inline block for arranging image/text

由 为君一笑 提交于 2019-12-08 10:32:33
问题 What I'm trying to do at the moment is figure out where the heck my accordion is pulling it's heading styles from. This is what I had as default for the accordion headers: <h3>Header for Accordion Slide Goes Here</h3> However I couldn't find any reference to the h3 style. When I wanted to create multiple accordions on one page with the settings that I wanted, I used: $(function() { $("#accordion").accordion({ header: "h3", active: false, collapsible: true }); Again I used h3 here. I tried

PrimeFaces p:accordionPanel inside ui:repeat or c:forEach

由 浪子不回头ぞ 提交于 2019-12-08 09:39:12
问题 I'm trying to create multiple accordionPanel s. I tried to include this tag inside repeat elements (e.g. c:forEach ). The accordionPanel is well rendered, but I'm unable to switch from one tab to another. These are some codes I tried: <ui:repeat value="#{myBackingBean.myList}" var="o"> <p:accordionPanel dynamic="true" cache="true" multiple="true" widgetVar="accordion"> <p:tab title="Title 1"> #{o.data_one} </p:tab> <p:tab title="Title 2"> #{o.data_two} </p:tab> </p:accordionPanel> </ui:repeat

Javafx accordion with transparent background?

由 一世执手 提交于 2019-12-08 07:02:50
问题 Somehow accordion seems to behave differently than the other javafx elements, cause I cannot make its background transparent with CSS. I found a hint somewhere with this: .accordion.titled-pane > *.content { -fx-background-color: null; } But it didn't work. Maybe the syntax, I don't know, I tried without the > and * too... My try was doing the same as with panels, so: #leftTop{ -fx-background-color: rgba(237, 243, 245, 0.8); } I set the fx:id. It doesn't work either. I made this with all the

Vertical Accordion Content Slider ideally jQuery

由 ☆樱花仙子☆ 提交于 2019-12-08 06:44:28
I've been searching for a while for a vertical accordion content slider. I've found one: http://www.marghoobsuleman.com/jQuery-common-accordion , and it's pretty good. I implemented it on my site http://www.pixeltrics.com/ But there are a couple of things I'm not happy with. It's not very smooth, and even though I set the autodelay time to 4 seconds, it seems the first slide takes a lot longer to switch to the second and then they start switching like every second. So something isn't quite right. Does anyone know of another vertical accordion plug-in I can try? Ideally a jQuery one. Thanks.
订阅 accordion