Hide on load

JavaScript
1

$(document).ready(function() {
$(‘.tblMinimum’).show();
$('.tblMaximum).hide();
});

When the page loads I still see .tblMaximum for a split second before it is hidden. How can I get it to hide completely?

2

Set it in your CSS to hide it

.tblMinimum { display: none; }
3

Is that going to work if later I want to show the same class with an on click function?

4

Yes. Your click event that calls .show() will allow the element to be shown.