Hi – Will the issue below be patched? Thanks!

If a security vulnerability were to be discovered (and I were alerted to it) I?would?push an update to fix that @philbuchanan

https://www.wordfence.com/threat-intel/vulnerabilities/wordpress-plugins/accordion-shortcodes/accordion-shortcodes-242-authenticated-contributor-stored-cross-site-scripting-via-shortcode

The Accordion Shortcodes plugin for WordPress is vulnerable to Stored Cross-Site Scripting via the plugin’s shortcodes in versions up to, and including, 2.4.2 due to insufficient input sanitization and output escaping on user supplied attributes. This makes it possible for authenticated attackers with contributor level and above permissions to inject arbitrary web scripts in pages that will execute whenever a user accesses an injected page

Unfortunately going forward I will not be updating or supporting this plugin. I just don’t have the time required to properly give it the care it deserves, and given the recent introduction of Gutenberg (and my personal adoption of it for my sites) I now devote my time to my Accordion Blocks plugin.

I will not be removing Accordion Shortcodes from the WordPress plugin repository, so you are free to continue using it if it meets your needs. Just know that I will not be updating it in the future.

If this is used with a shortcode in in a widget area, is it possible for the accordian to start in the open status, but if it is closed, then it would remain in the closed status on all page loads with that widget area until it is opened again?

Hi Phil,

On the pagge I’ve shared, I use the accordion plugin under “Finer Details” (purple box near the end of the page, about 3/4 down).

To replicate the issue:
– Use Chrome or Safari as the browser, navigate to the page.
– click on the first question “What does SASS mean?” to open the accordion.
– while the question is open, scroll down to the second question “How can I experience Bring The SASS?” and click on it.
– issue: the browser window does not scroll up to where the question “How can I experience Bring The SASS?” starts.

This is not an issue in Firefox, but I’m at a loss as to how to fix it for Chrome and Safari. Any help would be hugely appreciated!

This syntax used to work: [accordion-item title="I want to participate. How do I qualify?<i class='fas fa-chevron-circle-down'></i>"]

But now it generates error “Please enter the title attribute.”

What changed?

I am using the “usebuttons” option but would like to be able to add a class to the button (<button class=”my-class”>).

I have already CSS added for <button> styles using classes and it would be easier if I can just add the class to the accordion button.

Is there a way of getting the scrolling offset to work when an accordion item is accessed by URL (e.g. from menu item) as well as when clicked on? With a static menu bar it makes this feature unusable as the top of the item is always cut-off.

Also, is it just my theme, when I am already on the page and access another item in the accordion via the menu link it does not open the item – only if coming to it from another page.

Hello is there a way to change the dropdown symbols to + and -.
Using the plugin only for mobile.

Can I have Image on title of accordion item?

ex.

There is a <br> tag being inserted at the beginning of the accordion content. Am making sure there are no hard returns (or any spaces at all) between the close of the shortcode and the beginning of the content. This does not happen for the first accordion item, then the <br> tag is inserted for all of the rest of the items after the first one.

It can be seen with Chrome dev tools and also as extra whitespace above the text when the accordion is open.

This is a great plugin! Just hoping there’s a fix for this.

Is it possible to create menu link which gonna be tight up with some particular accordion panel with defined id?

Hi there – I’m new to being in charge of a wordpress site and need to add accordions. After I’ve installed and activated the plug-in, I see the box for “Add an accordion group” and “Add an accordion item.” When I click on either one of the boxes the screen becomes gray-ed out and unclickable. I have to refresh the page to get it to go away (screen shot here https://www.aasro.org/wp-content/uploads/2019/06/Capture.png). Any insights on what I’m doing wrong? Thank you!

• This topic was modified 5 years, 5 months ago by julianandbrianne.

How can I close accordion while page is loading?

Is it possible to use your accordion in page builders? Could you please tell me which exactly page builders supported.

Hi Phil,

I love your plugin, it is very customisable and generally works really well. I have one issue with it though. I am trying to link to the individual accordion ID’s from the main menu directly. This works well when you are already on the page and then click on the anchor links in the menu (check in the main menu under Skin Conditions > Facial Conditions and try the sub links under that).

However, when I am on a different page such as the home page, and then click on one of the anchor links in the menu, e.g. Rosacea, sometimes this will open the page and then scroll to the footer of the page instead of the accordion item. Sometimes it works ok and other times it just scrolls right down. I have compatibility mode enabled and am using Avada theme.

My understanding is that clicking on the anchor link should also open the accordion item, which it doesn’t seem to do.

Are you able to point me in the right direction of how I might be able to fix this?

Thanks,
Frederike

Hi,
I was wondering if there is any way to use an accordion in a woocommerce php template(inside a table).

Thank you!

I am trying to add the ::after psuedo class to ‘active’ items to have an upward facing arrow.

I have the accordion set to have the first item open by default. But initially it doesn’t have the class ‘active’. Only once you click to close it and then open it again does it gain the class ‘active’.

Therefore, the upward arrow doesn’t show until closed and opened again, which isn’t ideal.

Any help solving this would be greatly appreciated!

Many thanks,

Richard

Add to your Stylesheet in the Child-Theme:

div.accordion div.accordion-content{
	display: none;
}

Check out the link to where the accordion in question:

https://www.cartoonkids.net/uncategorized/element-tester/

I’m trying to create the accordion using purely HTML as shown by the output HTML in the documentation. And it works exactly as I want it. EXCEPT, on page load, the accordions are all open. And then when you click on one, they all close. However, after this initial strangeness, they continue to behave as expected.

Any help on this would be greatly appreciated.

Richard

I created a paginated query with the ajax pagination. In the page, it contains a list using accordion shortcode. It works fine in page load, but when I go to page 2 (which is done with ajax), the accordion shortcode doesn’t work anymore. I guess I need to re-run accordion shortcode jquery after the ajax firing (due to pagination change) but I don’t know how to do it.

I managed to accomplish this similar issue but with a fancybox instead of accordion shortcode .

The code I used with fancybox is below:

<script type="text/javascript">
    (function($) {
     $(document).ajaxComplete(function( event, xhr, settings ) {
		easy_fancybox_handler();
	});
    })(jQuery);
</script>

I think I just need to know what to use in replace to easy_fancybox_handler(); in the code above.

Please help.

Thanks

Hello, I wanted to use this plugin in order to use accordion with H2 title, but after installing i don′t know how to put the shortcode.

I want to have an accordion with 5 titles, and only the first is open when the person opens the page, and the other 4 are closed. When the customer clicks to the second one, the first closes automatically and the same with the 3rd and the 4th…..

Can you help me?

How do I change the font to Montserrat?

Hi, do you have previous versions of the plugin available? After updating, it stopped working with our site.

Thanks, Ari

I tested it on chrome, IE, android browsers, etc, and it works fine.

But for some reason, I’ve had a couple visitors who use iPhone say that when the accordion is clicked, it just flashes but does not open.

I don’t have an iPhone so I am having a tricky time testing this.

Has anyone else encountered these device-specific issues?

I am a developer and I use this plugin on a number of my websites (it’s fabulous!). With the latest update though, all of my accordion panels are now open and will not open/close when clicked. I’ve reverted my site back for now but can you check into this? I’ve tried updating this plugin before and after updating the WordPress core from 5.0 to 5.1 so I’m wondering if it’s specific to this update. Looking forward to your thoughts.

I have clicktoclose=”true” in each of the accordion titles on this page, but it’s not working.

Hi,

when (re)loading the page the accordeon is for an instance open and than closes within a blink. I would like it to not behave like this and simply not reveal its content until an item is clicked on.

Thank you for any help or ideas …
manuka

Is there a way to put an img between title=”” to use icons in accordion bar title?

Hi

My accordion has stopped working after I upgraded a number of other plugins. I tried a rollback and installing the plugins one-by-one, but cannot pinpoint the cause.

Can you please let me know (by looking at the URL provided) if there is something I should do? Also – I noticed that this plugin has not been updated for a while. Please let me know if your plugin has been abandoned, or if it is still “current”?

Thanks

I’d like to see the <details> & <summary> elements added as a semantics option.