Default State on Page Load

Default State on Page Load

I have ten different possible 'states' based on which button the user clicks on, e.g. if the user clicks button one, the first 15 divs are shown (with their associated css selectors), if they click button two, the first 20 divs are shown (with their associated css selectors) and so on.

My question is, how can I make one particular 'setting' the default when the page is loaded, e.g., I would like to make this the default when the page is loaded (which is the equivalent of the user clicking button two)...

  2. $("#two").click(function() {
  3.         $(".numberCard, .answerCard, .multiplierCard").css({
  4.             "background-color": "#01bc10"});
  5.         
  6.         $("#answerCardHolder div:hidden").show();
  7.         
  8.         $(".multiplierCard p").text("2");
  9.         
  10.         $("#a1 p, #a2 p, #a3 p, #a4 p, #a5 p").text("1");
  11.         $("#a6 p, #a7 p, #a8 p, #a9 p, #a10 p, #a11 p").text("2");
  12.         $("#a12 p, #a13 p, #a14 p").text("4");
  13.         $("#a15 p, #a16 p").text("6");
  14.         $("#a17 p, #a18 p").text("8");
  15.         $("#a19 p, #a20 p").text("0");
  16.         
  17.         $("#answerCardHolder div").slice(20, 29).hide();
  18.         
  19.     });