cknova

Thanks for the reply. Looking into it further it seems to be the intended behavior of Recaptcha as discussed here https://github.com/google/recaptcha/issues/335 .

Great! I like GutenBee and will use for another project ??

Thanks for the reply.

Unfortunately that won’t work for me as I need the other items to close, when one is selected, and this doesn’t work across separate accordion blocks.

As this is the only extra block I need, I have found another plugin (getwid) with unlimited accordion items.

In the end I moved the code to the content-single-product.php page and used the product ID to dynamically create the table ID.

<script type="text/javascript">
if ( undefined !== window.jQuery ) { // script dependent on jQuery
    jQuery(document).ready(function( $ ) {
         $("#tab-title-technical-information").on("click", function(){ 
            // table not actually visible at moment this is called, content takes a moment before it is available - so please wait before redrawing table
            var checkExist = setInterval(function() {
                if ($('#tablepress-<?php the_ID(); ?>').length) {
                    $('#tablepress-<?php the_ID(); ?>').DataTable().columns.adjust().draw(); // redraw table
                    clearInterval(checkExist);
                }
            }, 100); // check every 100ms         
        }); 
    });
}
</script>

This meant that I didn’t have to hard (or load!) all the possible JS resize blocks for each product in the functions.php file ??

Requirements:
* TablePress table ID must = Product ID
* Tab ID must be known (and, in my case, the table appears on same “Technical information” tab for each product so I could hardcode the tab name)