title: hide and show two buttons after clicked on it
body: <p>Please give me an example based on my buttons in below <strong>without using onclick function</strong>:</p>
  
  <pre><code>&lt;button id="button1"&gt;Example 1&lt;/button&gt;
  &lt;button id="button2" style='display:none;'&gt;Example 2&lt;/button&gt;
  </code></pre>
  
  <p>For example:</p>
  
  <blockquote>
    <p>Button1 is default, after clicked on it will hide and button2 will be
    appeared and after click on button2 again will hide and button1 will
    be appeared.</p>
  </blockquote>
  
  <p>I need a jQuery for this just with ID, not onclick function. </p>
  
  <p>Is it possible to get ID for buttons for hide and show?</p>
  
  <p>Thanks in advance </p>