One of the advantages of using The Plus Blocks for Gutenberg blocks, is that you can interconnect them via a connection id. Let’s see how you can connect your accordion with the Carousel Anything block.
To check the complete feature overview documentation of The Plus Blocks for Gutenberg Accordion block, click here.
Requirement – This block is a part of The Plus Blocks for Gutenberg, make sure its installed & activated to enjoy all its powers.
To do so, add both Carousel Anything and Accordion block on the page, then follow the steps.
1. Add the content to the Carousel Anything slide using the reusable block.
2. The number of slides in the Carousel Anything block should be equal to the number of Accordion items.
3. Next, in the Carousel Anything block, go to Connections > Unique Carousel ID and add an id.
4. The last step to make the connection, go to the Accordion block Extra Options > Carousel Connection Id and add the same id.
With that, you have established a connection between your Accordion block and the Carousel Anything block. Now, whenever you change your Accordion item, the slider will change too.
Also check, How to set close or open specific Accordion Item in WordPress.
