小编Dic*_*kti的帖子

我正在尝试根据所选的运输方式显示/隐藏结帐页面中的某些元素。我尝试显示/隐藏的页面元素来自另一个插件，因此我尝试更改它们的显示属性。我看过很多线程，例如：

根据 Woocommerce 3 中的运输方式显示或隐藏结帐字段

但它用于结帐字段，我不确定如何为页面元素执行此操作。

然后基于这个答案线程这是我的代码到目前为止：

add_action( 'wp_footer', 'conditionally_hidding_order_delivery_date' );
function conditionally_hidding_order_delivery_date(){
    // Only on checkout page
    if( ! is_checkout() ) return;

    // HERE your shipping methods rate ID "Home delivery"
    $home_delivery = 'distance_rate_shipping';
    ?>
    <script>
        jQuery(function($){
            // Choosen shipping method selectors slug
            var shipMethod = 'input[name^="shipping_method"]',
                shipMethodChecked = shipMethod+':checked';

            // Function that shows or hide imput select fields
            function showHide( actionToDo='show', selector='' ){
                if( actionToDo == 'show' )
                    $(selector).show( 200, function(){
                        $(this).addClass("validate-required");
                    });
                else
                    $(selector).hide( 200, …