Olá! Nós temos uma Comunidade em Português!

FAQ module won't open

resolver
Spezialist

Hello,

 

I've put together an FAQ page (can be seen here

 

arrow faq.PNG

Clicking the circled arrow would expand the question and appear like the image below, but this function has stopped working over the past day and i'm not sure why. Any advice on this would be greatly appreciated Smiley feliz 

 

 

faq.PNG

Responder
0 Avaliação positiva
1 Solução aceita

Soluções aceitas
Stratege

Hi @Jlawal,

JavaScript for the accordion is missing.

This is the JS needed for running your accordion. You can place it anywhere in your template and lock the module.

jQuery(document).ready(function(d){
d(".common-section1 .hs_cos_wrapper_widget").first().find(".common-inner h5").addClass("active");
d(".common-section1 .hs_cos_wrapper_widget").first().find(".common-inner h5").next().slideDown(250);
d(".common-inner h5").click(function(){
	d(".common-inner h5").not(d(this)).removeClass("active");
	d(".common-text").not(d(this).next()).slideUp();
	d(this).toggleClass("active");
	d(this).next().slideToggle(250)});
	d(".accordion-section .hs_cos_wrapper_widget").first().find(".faq2-box h5").addClass("active");
	d(".accordion-section .hs_cos_wrapper_widget").first().find(".faq2-box h5").next().slideDown(250);
	d(".faq2-box h5").click(function(){d(".faq2-box h5").not(d(this)).removeClass("active");
		d(".faq2-text").not(d(this).next()).slideUp();
		d(this).toggleClass("active");d(this).next().slideToggle(250)
});
});

This is the JS of the template you purchased :- https://www.revenueriver.co/hs-fs/hub/177047/hub_generated/template_assets/1529919253445/Custom/page...

In case you want other JS of the pages.

Hope it helps! Smiley muito feliz

4 Respostas 4
Top Advisor | Gold Partner

@Jlawal - where did you get this module? I don't see any javascript related to the accordion in your source code

Responder
0 Avaliação positiva
Spezialist

Hi @tjoyce - thanks for your reply.


I took the module from this template.

Responder
0 Avaliação positiva
Stratege

Hi @Jlawal,

JavaScript for the accordion is missing.

This is the JS needed for running your accordion. You can place it anywhere in your template and lock the module.

jQuery(document).ready(function(d){
d(".common-section1 .hs_cos_wrapper_widget").first().find(".common-inner h5").addClass("active");
d(".common-section1 .hs_cos_wrapper_widget").first().find(".common-inner h5").next().slideDown(250);
d(".common-inner h5").click(function(){
	d(".common-inner h5").not(d(this)).removeClass("active");
	d(".common-text").not(d(this).next()).slideUp();
	d(this).toggleClass("active");
	d(this).next().slideToggle(250)});
	d(".accordion-section .hs_cos_wrapper_widget").first().find(".faq2-box h5").addClass("active");
	d(".accordion-section .hs_cos_wrapper_widget").first().find(".faq2-box h5").next().slideDown(250);
	d(".faq2-box h5").click(function(){d(".faq2-box h5").not(d(this)).removeClass("active");
		d(".faq2-text").not(d(this).next()).slideUp();
		d(this).toggleClass("active");d(this).next().slideToggle(250)
});
});

This is the JS of the template you purchased :- https://www.revenueriver.co/hs-fs/hub/177047/hub_generated/template_assets/1529919253445/Custom/page...

In case you want other JS of the pages.

Hope it helps! Smiley muito feliz

Highlighted
Spezialist

Hi @KularanjanC,

 

That's worked perfectly! Thank you for your help Smiley feliz