AirDroid

Andrei Kamarouski

How can I contact you to get the solution?

Andrei Kamarouski

I didn't mean to have this working for multiple forms,  I would like to have this working for only one form but for multiple ticket fields.

@Andrei Kamarouski

Thank you for your information. it works for me.

I have another question. Currently, this code only works for only one ticket filed. If I would like them to work for others ticket filed too, what should I do?

Thanks.

Hi，

I have a question, how to add multiple languages for the predefined answers?

Sure. 

In script.js, I add the code below:

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
} 
});
}

In style.css, I add the below code: 

.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #ccc;
}

.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;

In the article, I add the below code：

Animated Accordion

Click on the buttons to open the collapsible content.


Section 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Section 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

after previewing the article, when I click the accordion, the content didn't display, please help check what am I miss.

@Trapta I add the accordion code from w3shcool, but it not works. do you have any ideals？