Prerequisites/What you want to achieve
Accordion Implementation on the Web Site
problems/error messages you are experiencing
Click on the question to see/hide the answer.
It doesn't happen for some reason.
How can I move?
Affected Source Code
html file
<div class="container">
<div class="accordion">
<div class="according-container">
<h4class="accordion-title jsAccordionTitle">Engress, can salaried workers continue to study?</h4>
<div class="accordion-content">Engress provides the best learning plan for each individual.Even salaried workers can continue.</div>
<h4class="accordion-title jsAccordionTitle">Do you use the original teaching materials?</h4>
<div class="accordion-content">Engress provides the best learning plan for each individual.Even salaried workers can continue.</div>
<h4class="accordion-title jsAccordionTitle">Do you have any Japanese instructors?</h4>
<div class="accordion-content">Engress provides the best learning plan for each individual.Even salaried workers can continue.</div>
<h4class="accordion-title jsAccordionTitle">Can I get support for passing foreign universities other than TOEFL?</h4>
<div class="accordion-content">Engress provides the best learning plan for each individual.Even salaried workers can continue.</div>
</div>
</div>
</div>
JS Files
jQuery(function($){
$('.accordion-title').click(function(){
$('.accordion-content').slideToggle();
});
});
How about the following?
jQuery(function($){
$('.accordion-content') .hide()
$('.accordion-title').click(function(){
$(this).next().slideToggle();
});
});
© 2024 OneMinuteCode. All rights reserved.