0

我没有使用标准的 divi(WP Tehem)切换模块,而是在这个官方 ET 指南(https://www.elegantthemes.com/blog/divi-resources/2-ways-to-create-custom-显示-更多-在-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 oder et-fb .et-show-more-content 但没有奏效。

非常感谢您!

4

1 回答 1

0

您的问题很难解决,但是是的,您共享了 divi 资源链接,下载后我已经尝试过该布局,并且对我来说效果很好,所以请按照他们解释的步骤进行操作,如果您不想使用按钮然后如果只有那个按钮会导致问题,您是否可以使用我们具有特定类的自定义 CSS 将该按钮制作为简单的文本。

于 2021-05-31T10:23:53.627 回答