隐藏产品到购物车点击woocommerce

Question

I am using woocommerce addons to get users to upload pdfs on the product. After they have clicked ' add to cart ', and submitted a pdf, I would like to hide the ' file upload ' input and the product.

I am looking at document.getElementsByClassName and have some kind of event listener but not sure how to complete the function.

Any help would be greatly appreciated.

 jQuery(document).ready(function(){ 
    jQuery('.single_add_to_cart_button').on('click', function(event) { 
    jQuery('.single-product').toggle('hide'); }); 

    });

Answer 1

Try using hide() function:

  jQuery(document).ready(function(){ 
    jQuery('.single_add_to_cart_button').on('click', function(event) { 
       event.preventDefault();
     jQuery('.single-product').hide(); //or jQuery(this).parent('.single-product').hide();
      jQuery(this).hide();
    }); 
    });