

**前提・実現したいこと**  
webサイト上でのアコーディオン実装

**発生している問題・エラーメッセージ**  
質問をクリックするとその答えがスライドして表示/非表示されるはずが、  
なぜかそうならないのです。

どういじれば、動きますか？

**該当のソースコード**

htmlファイル

[code]

     <div class="container">
                <div class="accordion">
                    <div class="accordion-container">
                        <h4 class="accordion-title jsAccordionTitle">Engressはサラリーマンでも学習を続けられるでしょうか？</h4>
                        <div class="accordion-content">Engressは各個人に最適な学習プランをご提供しております。サラリーマンの方でも継続できます。</div>
                        <h4 class="accordion-title jsAccordionTitle">教材はオリジナルのものを使用しているのでしょうか？</h4>
                        <div class="accordion-content">Engressは各個人に最適な学習プランをご提供しております。サラリーマンの方でも継続できます。</div>
                        <h4 class="accordion-title jsAccordionTitle">講師に日本人はいますか？</h4>
                        <div class="accordion-content">Engressは各個人に最適な学習プランをご提供しております。サラリーマンの方でも継続できます。</div>
                        <h4 class="accordion-title jsAccordionTitle">TOEFL以外の海外大学合格のサポートもしてもらえるのでしょうか？</h4>
                        <div class="accordion-content">Engressは各個人に最適な学習プランをご提供しております。サラリーマンの方でも継続できます。</div>
                    </div>
                </div>
            </div>
    
[/code]

JSファイル

[code]

    jQuery(function($) {
        $('.accordion-title').click(function() {
            $('.accordion-content').slideToggle();
        });
    });
    
[/code]


CC BY-SA 4.0
2021-04-30T08:30:53.747
75588
2021-04-30T09:35:29.453
45073
question
html jquery css wordpress
wordpress上でのアコーディオンが動かない


下記でどうでしょう。

[code]

    jQuery(function($) {
        $('.accordion-content').hide()
        $('.accordion-title').click(function() {
            $(this).next().slideToggle();
        });
    });
    
[/code]


CC BY-SA 4.0
2021-04-30T09:35:29.453
75590
2021-04-30T09:35:29.453
42240
75588
answer