making tabs functionality with jQuery without any other libraries than jQuery itself
<p>HTML CODE:</p>

<pre><code>  &lt;ul class="toggler"&gt;
    &lt;li&gt;&lt;h2 class="heading-title"&gt;&lt;a id="blog-toggler" class="inactive" href="#"&gt;Блог&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
    &lt;li&gt;&lt;h2 class="heading-title"&gt;&lt;a id="wall-toggler" href="#"&gt;Стена&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
  &lt;/ul&gt;
</code></pre>

<p>jQuery code:</p>

<pre><code>if ($('#wall-toggler').hasClass('inactive')) {
    $('#wall-toggler').click(function() {
        $(this).removeClass('inactive');
        $('.group-wall').show();
        $('.group-blogs').hide();
        $('#blog-toggler').addClass('inactive');
        return false;
    });
} else {
    $('#wall-toggler').click(function(){
        return false;
    });
}


if ($('#blog-toggler').hasClass('inactive')) {
    $('#blog-toggler').click(function() {
        $(this).removeClass('inactive');
        $('.group-blogs').show(); // show the blog div
        $('.group-wall').hide(); // hide the wall div
        $('#wall-toggler').addClass('inactive');
        return false;
    });
} else {
    $('#blog-toggler').click(function(){
        return false;
    });
}
</code></pre>

<p>When i click on #blog-toggler all works as intended, but the problem starts when after #blog-toggler is clicked i am trying to click #wall-toggler -> nothing happens. What i am doing wrong? Thanks in advance.</p>

<p>live demo here: <a href="http://test.terra9.kz/group/brrrrrrrr-dva-tri-chetyre#" rel="nofollow">http://test.terra9.kz/group/brrrrrrrr-dva-tri-chetyre#</a></p>

<p>Take a look at buttons: "Блог", "Стена"</p>
