title: Press buttons and show text (and hide the previous text)
body: <p>i have some buttons and i want when the user press them show some text and hide the text of the previous button. It seems simple but my code isnt working ( you can see it and here -> <a href="http://jsfiddle.net/qXEZQ/2/" rel="nofollow">CODE</a>)</p>
  
  <pre><code>//These are the buttons
  &lt;div class="row-fluid"&gt;
      &lt;div class=" span1 offset0" target="1"&gt; &lt;a href="#" class="circle lnkCollapse"&gt;TITLE1&lt;/a&gt;&lt;/div&gt;
      &lt;div class="span1 offset4" target="2"&gt; &lt;a href="#" class="circle lnkCollapse"&gt;TITLE2&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="box"&gt;
    &lt;div class="contentArea"&gt;
        &lt;div class="box-title"&gt;TITLE:&lt;/div&gt;
  
             //this is the text for the 1st button
             &lt;div id="div1"&gt;
                  &lt;div class="box-text"&gt;
                          Lorem ipsum dolor sit amet
                   &lt;/div&gt;           
                   &lt;div class="box-links"&gt;
                         &lt;a href="#"&gt;GO&lt;/a&gt;
                         &lt;a href="#"&gt;TEST&lt;/a&gt; 
                    &lt;/div&gt;
              &lt;/div&gt;
  
             //this is the text for the 2nd button
             &lt;div id="div2"&gt;
                  &lt;div class="box-text"&gt;
                       Lorem ipsum dolor sit amet
                   &lt;/div&gt;       
                   &lt;div class="box-links"&gt;
                        &lt;a href="#"&gt;GO&lt;/a&gt;
                        &lt;a href="#"&gt;TEST&lt;/a&gt; 
                   &lt;/div&gt;
            &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  In the header i put this:</p>
  
  <pre><code>    $(document).ready(function() {
           $('.lnkCollapse').click(function () {
                 $('.contentArea').hide();
                 $('#div' + $(this).attr('target')).show();
           });
      });
  </code></pre>
  
  <p>and nothing happens.. thanks a lot!</p>