How to add video to accordion on a personal plan?

Hi there, just wondering if anyone knows how to do this?

Joash

Hi,

You can add a video block under accordion then share link to page where you added it, we can give code to move video block into accordion

Hi, it will be this page:

www.thebookofjoash.com/home-2

and the video in the block will be:

I am trying to include a video and/or image into each according section, for this accordion only.

hoping you can help!

thanks,

J

On 8/4/2023 at 1:35 PM, JAY1570048019 said:

Hi, it will be this page:

www.thebookofjoash.com/home-2

 

and the video in the block will be:

I am trying to include a video and/or image into each according section, for this accordion only.

 

hoping you can help!

thanks,

J

I don't see video block on the page. Can you check it again? 

and which accordion item do you want to add the video, below or above the text?

Hi @tuanphan here is the link:

https://www.bookofjoash.com/home-2

I want this video specifically to be in the first drop down. I also want to include other videos in other drop downs too.

Thanks,

J

On 8/10/2023 at 7:49 AM, JAY1570048019 said:

Hi @tuanphan here is the link:

https://www.bookofjoash.com/home-2

I want this video specifically to be in the first drop down. I also want to include other videos in other drop downs too.

Thanks,

J

Try adding a Markdown Block under Video Block > Then Paste this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('div#block-yui_3_17_2_1_1691628325312_1595').appendTo('div#block-yui_3_17_2_1_1690854833627_1474 li:nth-child(1)');
});
</script>

Hi @tuanphan it works but it doesn't disappear when you close the accordion, which is something I'm aiming to do.

And how would I replicate this for another video to sit under the second/third/fourth accordion drop down?

Thanks again,

J

On 8/12/2023 at 12:31 PM, JAY1570048019 said:

Hi @tuanphan it works but it doesn't disappear when you close the accordion, which is something I'm aiming to do.

And how would I replicate this for another video to sit under the second/third/fourth accordion drop down?

Thanks again,

J

Remove the code & try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('div#block-yui_3_17_2_1_1691628325312_1595').appendTo('div#block-yui_3_17_2_1_1690854833627_1474 li:nth-child(1) .accordion-item__description');
});
</script>