title: show / hide link with jquery
body: <p>I want to hide link with jquery, if the user clicks button first time, link will hide(by <strong>adding class hidden</strong>), but should show if clicks button second time (<strong>remove class hidden</strong>). its a collapse-toggle  feature. 
  When I click button first time, it hides, but second time, does not work</p>
  
  <p>HTML</p>
  
  <pre><code>     &lt;!--BUTTON --&gt;
  &lt;div class="sidebar-collapse" style="" id="sidebar-collapse"&gt;
                  &lt;a href="#" class="sidebar-collapse-icon with-animation"&gt;
  
                      &lt;i class="entypo-menu"&gt;&lt;/i&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
   &lt;a href="mysite_url" id="logo-title"&gt; &lt;br&gt; My Site Name &lt;/a&gt;
  </code></pre>
  
  <p>JAVASCRIPT</p>
  
  <pre><code>&lt;script&gt;
      var logo_title = $('a#logo-title');
      $('div#sidebar-collapse').click(function(){
          logo_title.addClass('hidden-md hidden-lg cj_inspired');
          if($('div#sidebar-collapse').click() &amp;&amp; logo_title.hasClass('cj_inspired') ){
              $('a#logo-title').removeClass('hidden-md hidden-lg cj_inspired');
          }
      })
  &lt;/script&gt;
  </code></pre>