title: How to toggle a variable from true to false
body: <p>I have this setup: <a href="http://jsfiddle.net/patrioticcow/yJPGa/5/" rel="nofollow">http://jsfiddle.net/patrioticcow/yJPGa/5/</a></p>
  
  <p>I can't figure out how how to toggle in between a true or false variable. Here is the code:</p>
  
  <pre><code>&lt;div class="test" id="id_test"&gt;Some Content...&lt;/div&gt;
  &lt;div style="display: none" id="id_test"&gt;Some Other Content...&lt;/div&gt;
  &lt;div&gt;
    &lt;button id="disable"&gt;Save&lt;/button&gt;
    &lt;button id="enable"&gt;Edit&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>var logged_in = false;
  
  $("#disable").click(function() {
    logged_in == true;
    alert (logged_in);
  });
  
  $("#enable").click(function() {
    logged_in == false;
    alert (logged_in);
  });
  
  if (logged_in == true) {
    $("#id_test").find(".test").removeClass(".test").addClass(".test_hidde");
  }
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.test{color: red;font-size: 16px;}
  .test_hidde{color: #000;font-size: 26px;}
  </code></pre>