hide div on page load

I want to hide wrapper from on page load.
Please find the code as below:
(function(skuid){
var $ = skuid.$;
$(document.body).one(‘pageload’,function(){
        
      $(document).ready(function(){    
    alert(‘page loaded’);  // alert to confirm the page is loaded    
    $(‘wrapperId’).hide(); //enter the class or id of the particular html element which you wish to hide. 
});

    });
})(skuid);
I tried lot twist the code but I didn’t get result.


do you have to do this with javascript? Is there a way you can use rendering conditions on the wrapper instead?

At the worst, create a ui-only checkbox field defaulted to false, and set rendering conditions on your wrapper based on that field.

how can we do on page load? by using j query.

can we do by using jquery?

sure. try this instead:

skuid.$C('wrapperId').element.hide();

Thanks a lot @Matt sones it’s worked.