Hello,
We apologize for the issue you are facing with your FAQ section. It seems that the custom CSS you provided is intended to create an accordion effect, but there might be a conflict or missing JavaScript functionality that is preventing it from working correctly.
To troubleshoot this, please ensure that you have included the necessary jQuery code to handle the click events for your FAQ items. Here’s a basic example of how you can implement this:
jQuery(document).ready(function() {
var faqItems = jQuery("#rank-math-faq .rank-math-list-item");
faqItems.bind("click", function(event) {
var answer = jQuery(this).find(".rank-math-answer");
if (answer.css("overflow") == "hidden") {
answer.css("overflow", "visible");
answer.css("max-height", "100vh");
} else {
answer.css("overflow", "hidden");
answer.css("max-height", "0");
}
});
});
Make sure to add this script in your theme’s footer or in a custom JavaScript file that is loaded on your site.
If you would like a more comprehensive setup or if you’re still having issues, we recommend considering our professional setup service, which ensures that your plugin is configured correctly according to the latest SEO standards. You can find more information about this service at Rank Math Services.
Thank you for raising this concern, and we hope this helps resolve the issue!
Sources:
How to Turn Rank Math FAQ Block into an Accordion » Rank Math
This is an automated reply from Rank Math Support Bot. Your ticket has been assigned to a human agent and we will get back to you shortly.
Hello,
Thanks for your reply.
I have added the code as mentionned in the footer as mentionned, but it still doesnt work..
jQuery(document).ready(function() {
var faqItems = jQuery(“#rank-math-faq .rank-math-list-item”);
faqItems.bind(“click”, function(event) {
var answer = jQuery(this).find(“.rank-math-answer”);
if (answer.css(“overflow”) == “hidden”) {
answer.css(“overflow”, “visible”);
answer.css(“max-height”, “100vh”);
} else {
answer.css(“overflow”, “hidden”);
answer.css(“max-height”, “0”);
}
});
});
Hello,
Please check the CSS codes to modify your FAQ, as they may have been overridden during your theme update.
If the issue persists, we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress & FTP logins in the designated Sensitive Data section.
Please do take a complete backup of your website before sharing the information with us.

It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:
https://wordpress.org/plugins/temporary-login-without-password/
You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):
https://wordpress.org/plugins/wp-security-audit-log/
We really look forward to helping you.
Hello,
I have checked, CSS and jquery code are ok. The error persist..
Thanks
Hello,
Can you please point us to the settings page in your WP dashboard of the jQuery code for the accordion feature? We looked everywhere in your WP dashboard, but we couldn’t find where the jQuery code is inserted.
Looking forward to helping you with this one.
Hello,
Yes sure, its in Theme options / Js code for footer.
Let me know if you have any other questions,
Thanks
Hello,
Have you been able to check ?
Thanks a lot for your time,
Regards
Hello,
Sorry for the delay.
The temporary login URL is no longer working. Can you please renew it so we can check the issue further?
Looking forward to helping you with this one.
Hello,
Have you been able to check please ?
Thanks
Hello,
Were you able to check ?
Thanks a lot