show / hide link with jquery
<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>