时间戳

首页 > 解决方案 > Divi 中的 CSS - 单击简介时触发手风琴/切换开关

javascript - Divi 中的 CSS - 单击简介时触发手风琴/切换开关

问题描述

我一直在使用以下方法来触发手风琴/切换模块以在选择按钮时打开，但它仅在触发器是按钮模块时才有效：

jQuery(function ($) {
//open toggle on button click
$('.urbanplanning-appreq-button').on('click', function(event){
    $('#urbanplanning-appreq.et_pb_toggle_1 .et_pb_toggle_title').click();
});
});

其中 .urbanplanning-appreq-button 是按钮的类，#urbanplanning-appreq 是它滚动到并打开的切换的 id。当触发器是一个简介模块而不是一个按钮时，我无法弄清楚如何获得解决方案。这是我写的，但它不起作用：

<script>
jQuery(function ($) {
$('#open-urbanplanningcurriculum .et_pb_blurb_0.et_pb_blurb').on('click', function(event){
$('#urbanplanningcurriculum .et_pb_toggle_1 .et_pb_toggle_title').click();
});
});
</script>

其中#open-urbanplanningcurriculum 是blurb 模块的ID（列表中的第一个，因此是“0”），#urbanplanningcurriculum 是它应该打开的切换的ID（列表中的第二个，因此是“1”）。关于我做错了什么的任何提示？

标签： javascriptjqueryeventsaccordiondivi

解决方案

我找到了解决方案。我需要删除保持开关关闭的类并添加打开开关的类，而不是触发点击：

<script>
jQuery(function ($) {
$('#open-urbanplanningcurriculum a').on('click', function(event){
$('#urbanplanningcurriculum').removeClass('et_pb_toggle_close').addClass('et_pb_toggle_open'); return false;
});
});
</script>

推荐阅读