Questions tagged [accordion]
An accordion is a type of menu that allows for additional content to be shown below the heading upon mouse action. Only one heading's content can be open at a time. When the next heading is selected, the previous heading's content will close.
accordion
4,164
questions
84
votes
7
answers
85k
views
JQUERY UI Accordion start collapsed
How can I make the jquery UI accordion start collapsed when the form loads. Is there any javascript code for this?
- 22.6k
79
votes
5
answers
95k
views
JQuery Accordion Auto Height issue
I am using JQuery Accordion. I have this page here: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6
What happens is the Auto Height is taking some time to load, before it loads ...
- 1,175
76
votes
5
answers
235k
views
How to use in jQuery :not and hasClass() to get a specific element without a class
I have this line of code:
$('#sitesAccordion .groupOfSites').click(function() {
var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)');
console.log(lastOpenSite);
});
I get "...
- 7,668
67
votes
7
answers
141k
views
Bootstrap Accordion button toggle "data-parent" not working
I'm trying to create an accordion using Bootstrap 3 using the button collapsible with the data attribute, without the accordion markup. It just looks more cleaner to me.
However I cannot make the ...
- 1,039
49
votes
13
answers
57k
views
How do you make Twitter Bootstrap Accordion keep one group open?
I am trying to mimic the Outlook bar using Twitter bootstrap using the accordion and collapse plugin, so far I got the collapse and accordion working, but it presently allows for all sections to be ...
- 39.5k
39
votes
11
answers
83k
views
How can you adjust the height of a jQuery UI accordion?
In my UI I have an accordion setup like this:
<div id="object_list">
<h3>Section 1</h3>
<div>...content...</div>
// More sections
</div>
The ...
- 27.6k
37
votes
3
answers
56k
views
Open the first attached expansion panel in an Angular Material accordion
Obviously you can use the input expanded on an Angular Material expansion panel to default a particular panel to be opened upon loading. However, I have an accordion where all of the expansion panels ...
- 769
36
votes
12
answers
133k
views
jQuery UI Accordion Expand/Collapse All
I'm using the jQuery UI Accordion (which does not allow more than one item open at a time) on a project. Using accordion is appropriate since I usually do only want one panel open at a time.
However, ...
- 11k
33
votes
7
answers
26k
views
Override jQuery UI Datepicker div visible strangely on first page load.
Something strange afoot, here:
An instance of Datepicker is showing up in a weird place as a single bar in the upper left hand corner of this page.
I'm using both jQuery UI's Datepicker and ...
- 1,022
32
votes
6
answers
78k
views
Bootstrap accordion, scroll to top of active (open) accordion on click?
I'm making a responsive site using Bootstrap and it contains accordions with a large amount of text, when you read to the bottom and click the next accordion, the large amount of text is collapsed and ...
- 631
31
votes
11
answers
55k
views
jQuery Accordion - will it scroll to the top of the open item?
With the jQuery accordion control, how can I have it scroll to an item I've selected when it is off the screen?
When:
I have an accordion item with contents larger than the viewable window
I scroll ...
- 4,602
27
votes
3
answers
49k
views
jQuery & Prototype Conflict
I am using the jQuery AutoComplete plugin in an html page where I also have an accordion menu which uses prototype.
They both work perfectly separately but when I tried to implement both components ...
DPereyra
27
votes
3
answers
46k
views
Angularjs accordion ng-click on panel-header
In AngularJS UI Bootstrap I want to activate isopen when panel-heading is clicked, but I couldn't find a way.
In this version is activated only if you click the link.
Here's what I tried;
<...
- 968
26
votes
2
answers
49k
views
jQuery Accordion open collapsed
using jquery v1.3.2 and jQuery UI 1.7.1
I have 1 tab control with 3 tabs in it. Each tab contains 1 accordion control.
$(document).ready(function() {
$('#acc1').accordion({ collapsible: true, ...
- 14.3k
25
votes
2
answers
70k
views
Collapse all the tabs in a Accordion on jquery?
By using the Telerik Extensions for ASP.NET MVC,
how can I hide all the Accordion Tabs on page loading up ? By default, it will expand the first Accordion tab on page loading up!
Thanks a lot!
user192832