Sitio de WordPress - Tema/Framework de Divi. Estoy tratando de averiguar cuál es la mejor manera de activar un cambio de imagen (6 imágenes en total, una por pestaña) a medida que el usuario selecciona diferentes partes del acordeón. Pero el problema es que las imágenes no están dentro del acordeón, están en la siguiente columna. Al principio, pensé que podría hacer esto solo con CSS y las ID, pero estaba teniendo problemas. Sé que esto también se puede resolver con JS, pero no soy tan fuerte en JS como HTML/CSS en estos días.

Por favor, hágame saber cuál cree que es el mejor método para lograr algo como esto. ¡Salud!

Cada Sección del Acordeón tiene su propia clase:

 et_pb_accordion_0 et_pb_accordion_item_0 et_pb_accordion_item_1 et_pb_accordion_item_2 et_pb_accordion_item_3 et_pb_accordion_item_4 et_pb_accordion_item_5

Clase Abierta y Cerrada: Abierta: et_pb_toggle_open Cerrada : et_pb_toggle_close

He agregado una ID al Acordeón de '#slidepick'

Aquí está el HTML de salida de Divi para las dos primeras secciones del acordeón:

 <div id="slidepick" class="et_pb_module et_pb_accordion et_pb_accordion_0"> <div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_0 et_pb_toggle_close"> <h5 class="et_pb_toggle_title">Sample Content 1</h5> <div class="et_pb_toggle_content clearfix" style="display: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </div><div class="et_pb_toggle et_pb_module et_pb_accordion_item et_pb_accordion_item_1 et_pb_toggle_open"> <h5 class="et_pb_toggle_title">Sample Content 2</h5> <div class="et_pb_toggle_content clearfix" style="display: block;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </div>

Diseño