title: Show new div on button click with jquery and hide first div
body: <p>Can't really understand jQuery so will try my luck here.</p>
  
  <p>What i need - at the start it does show only <code>CRAZY</code> div (<code>CRAZY2</code> is not visible). When you click <code>lasit_komentarus</code> div , whole <code>CRAZY</code> div disappears and instead show only <code>CRAZY2</code> div. </p>
  
  <pre><code>&lt;div class="CRAZY"&gt;
      &lt;a href="#"&gt;&lt;div class="ienakt"&gt;&lt;p&gt;Ienākt&lt;/p&gt;&lt;/div&gt;&lt;/a&gt;
      &lt;div class="atkape"/&gt;
      &lt;a href="#"&gt;&lt;div class="lasit_komentarus"&gt;&lt;p&gt;Lasīt komentārus&lt;/p&gt;&lt;/div&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="CRAZY2"&gt;
   &lt;p&gt;This show up instead.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Maybe i need to change something here? Cause code working in jfiddle, but not in my .html</p>
  
  
  
  <pre><code>&lt;script type="text/javascript" src="jquery.sticky.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(window).load(function(){
    $(".header_cont").sticky({ topSpacing: 0 });
  });
  
   $('.lasit_komentarus').click(function () {
   $('.CRAZY').hide();
   $('.CRAZY2').show();
   });
  &lt;/script&gt;
  </code></pre>