Questions tagged [jquery-ui-accordion]
Accordion widget from jquery-ui that displays collapsible content panels for presenting information in a limited amount of space.
994
questions
-2
votes
3answers
96 views
Wordpress accordion menu dont work properly
I have the following page https://german-academic-institute.eu/faqs/ with the WPBakery plugin that has the Accordion menu for FAQs in the middle of the page. All those menus are made to be closed, but ...
0
votes
0answers
17 views
jQuery Accordion styling all active headers separately
I want to style every accordion header separately but sadly can't figure how. Using .ui-accordion .ui-accordion-header-active allows me to style all of the headers, while adding an id #header-one .ui-...
0
votes
2answers
41 views
jQuery first click ignored?
I have this piece of code used with jQuery UI
function ViewClient(RelationID) {
console.log('entering');
$('a[id^="contact_show"]').on('click', function (e) {
console.log('...
0
votes
1answer
32 views
Allow all JQuery accordion sections to be open
I have a fully working JQuery accordion except for the fact that I want to have the ability to have all the sections open. To achieve this an user must be able to open a section without the other one'...
0
votes
1answer
22 views
Jquery accordion nested link crashes the parent link
The problem is when we click E4. Before even showing it's submenus E4I and E4II, the parent of E4 which is E closes automatically.
Does jQueryUI support nested accordions? The design primarily was ...
0
votes
0answers
16 views
Jquery Accordion Destroy Function Error after Upgradeing Jquery “cannot call methods on accordion prior to initialization”
I have been researching the console error I started receiving after upgrading my Jquery lib past 1.9 which is:
"Uncaught Error: cannot call methods on accordion prior to
initialization; ...
-1
votes
1answer
15 views
On rare occasions a jQueryUI accordion object is undefined
Once in a while our website generates an internal error message about an object being undefined. We are using JQueryUI. Here is an example: "TypeError: X.accordion is not a function". The ...
0
votes
1answer
50 views
Jquery collapsible toggle
I have tried to work with Jquery accordion and it seems working for me but when I want to use the collapsible/toggle mode where I can see all the tabs open for me then I am facing the problem. I have ...
0
votes
1answer
35 views
Animated accordion - panel padding (top, bottom) breaks design
In the following animated accordion (it's from W3 school https://www.w3schools.com/howto/howto_js_accordion.asp), I'm finding that adding big top+bottom padding to panel breaks design.
so instead of
....
1
vote
0answers
49 views
How to fix an issue with accordion scrolling in chrome?
My accordion works fine on firefox, but on google chrome browser, when clicking on accordion item, whole page scrolls up.
My code in custom.js looks like:
/*
* Shortcode Accordion (Jquery UI)...
0
votes
0answers
31 views
JQuery Is not Responding Dynamic HTML DOM
I am trying to fetch data from API and Formatting The JSON to display Into the Jquery Accordion. But JQuery Is not responding when I am doing this. ie. the CSS & Accordion Functionality both are ...
0
votes
0answers
151 views
Jquery Bootstrap Accordion FAQ Search Case
Working on a Jquery bootstrap accordion FAQ search facility - following some help from this post I'm 95% there, but need to modify to achieve:
(1) searching in any case (it seems to ignore capitals);
(...
1
vote
1answer
32 views
Open jQuery accordion panel on warning
I've created a tab accordion using jQuery. There are 3 tabs and one of them has a input form which is marked as required. So when user miss the required field and click on submit button it shows an ...
0
votes
1answer
226 views
Disable jquery-ui accordion scroll up when clicked
I needed to use a jquery-ui accordion for my current project but I have a boring issue.
When I click on the accordion item called "Caméras" it lifts up the whole page.
Before clicking :
...
0
votes
2answers
57 views
Ajax jQuery Accordion Show First 5 Elements On Page
What I would like to do is Ajax the top five accordion elements from a page. I'm having trouble keeping the existing content in accordion format after loading it via ajax. Would it be possible to just ...
0
votes
0answers
49 views
Accordion JQuery UI Web Part for Sharepoint
Probably an really easy question for a lot on this forum so I apologise.
I'm trying to build an accordion webpart to use in Sharepoint. I've followed the information on the Microsoft site regarding ...
1
vote
0answers
37 views
How can I highlight droppable areas on hover in a jquery accordian - trying to re-order Accordian sections
I'm trying to use the JQuery Accordian with drag and drop to enable the accordian sections to be dragged and dropped to move them around and change the order.
The section headers become draggable (...
0
votes
0answers
213 views
Populating jQuery accordion with JSON data
I have searched around but have not been able to find a good answer to my problem.
I am taking simple object and filling out the divs and headers with this data.
The data gets added but the ...
1
vote
0answers
35 views
Close all child when parent was close
Is there anyway to make close all child when parent close in Jquery UI Accordion
0
votes
1answer
50 views
Bootstrap accordion (On click of button, all other parts of accordion should be closed and hidden from display)
Trying to have an accordion with 4 or 5 main buttons, when one is clicked, others should disappear so that the clicked button should be the only one displayed. When minimized, others should reappear ...
0
votes
1answer
47 views
JQuery accordion not initializing in loop
I have a bunch of JQuery accordions on a page, all with class "accordion", and I want to initialize them. I know I can do this:
var accordions = $( ".accordion" );
accordions.accordion();
However, I ...
0
votes
1answer
59 views
Accordion on hamburger (Child links not displaying)
I'm trying to create an accordion which, on click, will display it's child links.
So in my demo below, on click of parent, I'm trying to display child.
$(function() {
// add icon on ...
0
votes
1answer
93 views
How to dynamically select option in dropdown menu?
How to do when selecting the one subject then the time will appear according to the subject selected? each subject have many options of time and how to display when select one subject and the time ...
1
vote
1answer
253 views
Display titles without hover over Image Accordion Gallery in WordPress
This is my website.
https://developer.blink-eye.com/prifer/index.php/en/index/
If you would scroll down to the section "WHAT WE ARE ALL ABOUT", you will find a gallery.
My problem is that I'm using ...
2
votes
1answer
500 views
How to make all accordion open in browser and close in mobile view by default?
I'm editing accordions according to my requirements, as the accordions are closed by default. I want it to be opened by default in desktop browser and keep closed on mobile browser. HTML, CSS and JS ...
0
votes
0answers
39 views
Submenu is not showing active when I select any page of that options
I am using jQuery accordion, inside it having a main menu and its options, Inside it having sub-menu and its options.
When I click any option of main menu and page renders then menu shows active and ...
0
votes
1answer
323 views
Accordion .glyphicon-chevron-up and .glyphicon-chevron-down not working
I am using an Accordion with up and down arrows -when run first time down arrow is displayed so user had to click to see data - the data is shown on clicking the down arrow but the up arrow is still ...
0
votes
2answers
43 views
It does not work to modify css value using jquery
I want to achieve the effect that when I click the button of 'Design Custom Cables & Order Online', the accordion content of step 1 will collapse and step 2 content will expand immediately, ...
-1
votes
1answer
48 views
How do I keep only one item open in a jQuery accordion with slideToggle?
I managed to create a working jQuery accordion for a WordPress site. Now I'm wondering how to make sure only one block is open? Meaning when I toggle one item, the other two collapse automatically.
...
1
vote
1answer
32 views
How can I make my accordion check for children so the parents are also clickable?
I have the following code applied to my website:
$j(".m-accordion-item > a").click(function(e) {
e.preventDefault();
$j(".m-accordion-item > a").removeClass("accordian-active");
$j(...
0
votes
0answers
55 views
Accordion with increasing widths
I have a jQuery accordion on my site with all tabs open
What I want is for the width of the closed tabs (when it is closed) to increase in the order that it is closed
Example here
What I want to ...
0
votes
1answer
110 views
accessing the parent accordion in nested accordion
<li>
<a class="toggle" href="javascript:void(0);" id="plus">ABC</a>
<ul class="inner">
<li>
<a href="#" class="toggle" id="plus">DEF</a>
&...
1
vote
1answer
218 views
jQuery accordion event on click
I'm trying to solve a problem, I need to create an accordions system that can show and hidden quotes somewhere in the page.
The result that I wanted is: 1 quote per accordion.
When I open 1 ...
-1
votes
1answer
47 views
Accordion JQuery doesn't work [closed]
It is my first time using jQuery. I have checked it many times. I don't know why it doesn't work.
The result should be an accordion.
May somebody be able to notice why is it still stable? ;)
0
votes
1answer
143 views
jquery Accordion submenus not expanding
I'm trying to perform an accordion using jQuery. The problem is that my subchildren are not showing or I would say the submenu panel is not expanding when I click it.
This is the structure of the ...
0
votes
2answers
24 views
jQuery Accordion Populate Table on Change
I have a page with several accordion tabs on it and lots of data. I would like to fire a function that populates my tables when the user changes tabs. I am currently populating all the content at load ...
0
votes
2answers
157 views
jqueryui Accordion dynamic content behavior
Edited to update to append to id and added the .accordion code.
I am using Jqueryui and building a dynamic list of accordions. When clicked, the content is a php page with a unique marker. Below is ...
0
votes
1answer
22 views
Adding photo to float left in jQuery Accordion
I have a functional jQuery Accordion. I would like to add a photo inside the container and have it float left, making the text after the image float right - like having 2 columns. I've attempted ...
0
votes
1answer
38 views
How can I make it so can only see one accoridion panel at a time?
I know there are a few of these questions already on here but I've tried and none of them work unfortunately.
Any help would be much appreciated! All I want is to be able to collapse the other panels ...
2
votes
1answer
61 views
Inject dygraph content into jquery UI accordion does not show
I am creating grids of graphs using the dygraphs library and injecting them in an accordion element using the below code. The issue comes from the accordion : if you comment the accordion part out in ...
0
votes
1answer
11 views
jQueryUI Accordion treats <script> as part of output
Consider this code snippet:
<div id="accordion">
<h3>TEST</h3>
<p>Lorem ipsum</p>
<script>some JS code </script>
</div>
Once accordion is ...
4
votes
1answer
1k views
jquery-ui accordion - How to dynamically create a new section
I want to know whether there exists a method that I could add a new section using jQuery UI
This is what I do so far without any error, but the accordion don't work since I add a new one
$( ...
1
vote
1answer
51 views
Not able to load GoogleChart in Accordion
I have a tab strip. Each tab strip has its own accordion. Each accordion has 3 google charts. Only the first accordion is able to load the google charts but the rest of the tab strips are not able to ...
0
votes
0answers
36 views
toggle on px-accordion fails and throws error in firefox browser
The below is the basic px-accordion tag which I am using.
<px-accordion class="start-expanded" header-value="Report">
....
</px>
Trying to toggle it by default on selecting the ...
-1
votes
1answer
27 views
Wordpress Plugin Javascript Issue
I purchased a Wordpress accordion plugin that's an addon for the WPBakery Page Builder and the support has been less than helpful. What I would like is to have users click on the title once to open a ...
1
vote
2answers
364 views
Why does the accordion works just once?
I'm trying to get this effect:
When I open the dialog for the first time everything works fine.
But if I close the dialog and open it again this is what I see:
Does someone knows how to fix it?
This ...
0
votes
1answer
120 views
The script variable within accordion
The code goes as follows:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI 拖动(Draggable) - 视觉反馈</title>
<link rel="...
0
votes
1answer
21 views
Create jQuery UI Accordion Mixed Mode
Can someone tell me how to implement mixed accordion where few of the node can be expanded or collapsed but rest of them should not be.
-3
votes
1answer
126 views
JQuery-UI accordion image file ui-icons_595959_256x240.png NOT found
I am using JqueryUI in my project and I am having trouble displaying down arrow on click of a accordion section.
I get the error that ui-icons_595959_256x240.png file is missing. I checked the images ...
1
vote
1answer
2k views
Disable click on accordion heading preventing it top open
I'm not able to disable click on uib-accordion heading which I want to open only when I click on the arrow at the right.
I also have a button on the header that will be displayed on click of text ...