Buy me a coffee

Add Form Block into Accordion Block

You can use this quick tip to add a Form Block to Accordion Block.
If code doesn’t work, you can send page url, I will check again.
#1. Suppose you need to move this Form Block to Accordion Item 2

Add Form Block Into Accordion Block 01 Min

#2. First, you need to find Accordion Block ID, Form Block ID.

In my example, we will have:

  • Accordion Block: #block-yui_3_17_2_1_1729387285192_9027
  •  Form Block: #block-yui_3_17_2_1_1730102697150_9202

Add Form Block Into Accordion Block 02 Min

#3. Next, you need to know this.

Add Form Block Into Accordion Block 03

#4. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
     $('#block-yui_3_17_2_1_1730102697150_9202').appendTo('#block-yui_3_17_2_1_1729387285192_9027 li:nth-child(2) .accordion-item__description');
});
</script>
<style>
.accordion-item__description {
    max-width: 100% !important;
}
.accordion-block .form-block {
    margin-top: 10px !important;
}
</style>

Add Form Block Into Accordion Block 04 Min

#5. Result

Add Form Block Into Accordion Block 05 Min