jquery - Custom Toggle デフォルトで開く (Divi Wordpress)

Question

私は標準のdivi（WP Tehem）トグルモジュールを使用していませんが、この公式ETガイドの後にカスタムトグルコードを使用しています（https://www.elegantthemes.com/blog/divi-resources/2-ways-to-create-custom- show-more-toggles-in-divi )

また、ボタンをトグル トリガーとして使用するのではなく、通常のテキスト モジュールを使用しています。だから私はこのコードを使用しています:

<style>
  .et-show-more-content {
  display:none;
}
.et-fb .et-show-more-content {
  display:block;
}
.et-show-more-toggle0 {
  cursor:pointer;
}
</style>
<script>(function($) {
    $(document).ready(function()


{
        $('.et-show-more-toggle0').on('click', function(e) {
           
            $(e.target).closest('.et-show-more-container').children('.et-show-more-content').slideToggle("300");
   $(this).toggleClass('et-show-more-toggle0_active');
          if ($(this).hasClass('et-show-more-toggle0_active')) {
                                $(this).text('vorwort');
                    $(this).css('text-align','left');
                    $(this).css('color', '#4d4b40');
                                       
             } else {
                $(this).text('vorwort');
                       $(this).css('text-align','left');
                $(this).css('color', '#dc1250');
     
         
       
            }
         
           
        });
    });
})(jQuery);</script>

私の質問は、ページの読み込み時にトグル モジュールの表示を開くにはどうすればよいかということです。 .et-show-more-content または et-fb .et-show-more-content を削除しようとしましたが、うまくいきませんでした。

どうもありがとうございました!