Close Button

Hey finchkelsey,
Thanks for your question, if you have the accordion set to “open one at a time” then each time you click the title the accordion open or closes, and you should be seeing a plus or minus icon next to the title, this could be your button? The full title is basically a button. You can also added more text to the title, I don’t think there is a limit.
Perhaps if you could link to a mockup we could understand better.
If you find the accordion too limiting in style you could use jQuery to toggle visibility of an element, here is an example.
Perhaps this could work if you added a button and image inside of a text element and on load only the button and text showed with clicking the button shows the image?
If you think that using other elements would help then try linking to a test page and explain the behavior and perhaps we could help or understand better.

Best regards,
Mike

Hi,
Thank you for the link to your test page, please try this script to add a close button inside the toggle content, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_close_button_script() { ?>
  <script>
(function($){
	var close = $('<span class="close_button"></span>');
$('.single_toggle .toggle_content').prepend(close);
$('.close_button').click(function() {
      $(this).parents('.toggle_wrap.active_tc').removeClass('active_tc');
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_close_button_script');

and then this css:

.close_button {
    position:relative;
    float:right;
    display:block;
    height:50px;
    width:50px;
    background: url(https://img.icons8.com/ios/50/000000/cancel.png) no-repeat;
    background-color:#fff;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}
.close_button:hover {
	cursor: pointer;
}

this is the expected results:

As for your video, it is not auto playing for me, but does play on click. I tested in Windows with Chrome, Firefox, & Edge.

Best regards,
Mike