将2个功能合并为1

Question

我该如何组合这个功能。基本上，如果单击复选框，则会发生某些情况，并且如果页面加载并且复选框已被点击，则第二个函数会发生同样的情况。

 $(document).on("click", ".dimensions", function() { 
      var size = $('.td-hide'); 
      if ($('input#dimensions').is(':checked')) { 
      size.show(); 
      $('.single-select-sm').css('width','148px') 
      } else { 
      size.hide(); 
      $('.single-select-sm').css('width','230px') 
      } 
     }); 
     $(function() { 
      var size = $('.td-hide'); 
      if ($('input#dimensions').is(':checked')) { 
      size.show(); 
      $('.single-select-sm').css('width','148px') 
      } else { 
      size.hide(); 
      $('.single-select-sm').css('width','230px') 
      } 
     }); 

Answer 1

var myFunc = function() 
{ 
      var size = $('.td-hide'); 
      if ($('input#dimensions').is(':checked')) { 
      size.show(); 
      $('.single-select-sm').css('width','148px') 
      } else { 
      size.hide(); 
      $('.single-select-sm').css('width','230px') 
      } 
} 

$(document).on("click", ".dimensions", function() { 
    myFunc(); 
} 

$(function() { 
    myFunc(); 
}