I would also like this ability.
Anyone know how this could be accomplished? I’ve tried a few things with jQuery but my knowledge with jQuery is limited.
Thanks in advance.
Hi guys,
i just needed this function also for one of my project, here is my quick solution :
A bit off css
`a {
background: transparent url(img/sprites.png) -50px 0 no-repeat;
padding-left: 25px;
&.active {
background-position-y: -26px;
}
}`
a bit of javascript :
if ($('.faq-list').length >0) {
$('a.qa-faq-anchor').on('click', function(event) {
$(this).toggleClass('active');
});
}
Hope that help,
Cheers
Hi,
Thank you. The code worked perfectly.
I had to make sure “Accordion behavior” was unchecked in the admin area because when the plugin automatically closes an FAQ, it kept the active class appended.
Thanks again for the code!!
no problem 🙂
actually, a better code will be this one :
$('a.qa-faq-anchor').on('click', function(event) {
if (!$(this).hasClass('active')) {
$('a.qa-faq-anchor.active').removeClass('active');
}
$(this).toggleClass('active');
});
to take in account the case where there is only one category and the case where the user is clicking on an open category.
