title: JQuery Show/Hide Link
body: <p>So here is my dilemma. Been trucking on this Jquery extreme code here and I need help telling if a certain link is showing or not. Here is what I have.</p>
  
  <p>The toggles:</p>
  
  <pre><code>&lt;a href="#" id="visbilitybutton" class="button" title="Visible"&gt;&lt;span class="icon icon84"&gt;&lt;/span&gt;&lt;/a&gt;
  
  &lt;a href="#" id="visbilitybutton" class="button" title="Invisible"&gt;&lt;span class="icon icon85"&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>(notice the only thing that is different is the icon number) These need to toggle back and forth when someone clicks the #visbilitybutton. Not sure of the best way to do this and to capture what is selected as well.</p>
  
  <p>The only code I have currently makes the toggle go one way, but doesn't go back when clicked again.</p>
  
  <pre><code> $(document).ready(function () { 
      $('#visbilitybutton').click(function() {
           $(this).replaceWith('&lt;a href="#" id="visbilitybutton" class="button" title="Invisible"&gt;&lt;span class="icon icon85"&gt;&lt;/span&gt;&lt;/a&gt;');
      }); 
      });
  </code></pre>