title: Link text changes on click. See more, See less jquery - Bootstrap accordion
body: <p>So I've used <code>bootstrap</code> accordion to hide/unhide info.</p>
  
  <p>I needed the wording to change from 'See more' to 'See less' continuously. </p>
  
  <p>I've implemented this as you can see in the <a href="http://bootply.com/106255" rel="nofollow">bootply</a></p>
  
  <p>As you will see, the problem I'm facing is that when first clicked it moves from 'See more' to 'See more' then click again it starts working as I want it to. </p>
  
  <p>I know why its happening but cant figure out how I can remove the a href text and show the hidden info straight away.</p>
  
  <pre><code>$(document).ready(function () {
      $("#morebtn").click(function () {
          $(this).html($(this).html() == "See more" ? "See less" : "See more");
      });
  });
  </code></pre>