title: jQuery implementation with Cargo Collective site
body: <p>I've got <a href="http://cargocollective.com/amytdatta/Amyt-Datta" rel="nofollow">this site</a> running on Cargo. At the bottom of this page i'm trying to create a simple 20 questions type game (the two columns of text). My objective is to create some kind of button which when clicked or hovered over changes the text-colour of the false statements.</p>
  
  <p>Here's the jQuery i'm using:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;$(".showtrue").click(function() { $('.false').css('color','#f5f5f5');return false;});$(".showfalse").click(function() { $('.false').css('color','#999999');return false; });&lt;/script&gt;
  </code></pre>
  
  <p>showtrue is a function which will effectively hide the false statements by setting the text color to the bg color, showfalse resets showtrue.</p>
  
  <p>Here is the HTML i'm using on the page:</p>
  
  <pre><code>&lt;div class="column"&gt;&lt;p&gt;Digs disco&lt;br&gt;&lt;span class="false"&gt;Was born in the 70s&lt;/span&gt;&lt;br&gt;Grew up in a vicious part of town&lt;br&gt;&lt;span class="false"&gt;Reads mathematics textbooks to relax&lt;/span&gt;&lt;br&gt;&lt;span class="false"&gt;Begins the day with a hundred push-ups&lt;/span&gt;&lt;br&gt;Was attacked by cockroaches after shooting a lizard&lt;/div&gt;&lt;div class="column"&gt;&lt;p&gt;&lt;span class="false"&gt;Is a vegetarian&lt;/span&gt;&lt;br&gt;Was born in the 60s&lt;br&gt;Didn't use a computer until 2012&lt;br&gt;&lt;span class="false"&gt;Is a completely self-taught musician&lt;/span&gt;&lt;br&gt;Often sleeps with his guitar next to him&lt;br&gt;Has played on a freezing stage lit by a single naked bulb&lt;/div&gt;
  
  Only some of the above is &lt;a class="showtrue" href="#"&gt;true&lt;/a&gt; / &lt;a class="showfalse" href="#"&gt;Reset&lt;/a&gt;
  </code></pre>
  
  <p>My code doesn't seem to do anything. However, my jQuery code seems to have messed with my Cargo CSS. For instance my top nav (which is supposed to be fixed) is now scrolling with the rest of the page. The "Running On Cargo" link which is supposed to be fixed with the top nav is now appearing above the top nav.</p>
  
  <p>I'm not really sure how to address these issues and any help will be greatly appreciated.</p>
  
  <p>Thanks!</p>