Font Resizer if else
<p>I have a font resizer that needs to be contained in one link. eg. show text link "Larger Type" and switch to text link of "Smaller Type" when clicked. I am not sure why it will toggle the class "plus/minus" but it will not switch the text or call the font resize function after the else statement?</p>

<p>Currently, it works the first click to resize the text and add the minus class but after that it does nothing. </p>

<p><a href="http://jsfiddle.net/infatti/P6SVv/" rel="nofollow">http://jsfiddle.net/infatti/P6SVv/</a></p>

<pre><code>var targetContainers = $('.two-thirds');
var newLargerSize = 16;
var newSmallerSize = 14;
$('.resize-font a').click(function(){

if ($(this).hasClass('plus')) {

    $(targetContainers).css('font-size', newLargerSize);

    $(this).text('Smaller Type').toggleClass('minus');

} else {

    $(targetContainers).css('font-size', newSmallerSize);

    $(this).text('Larger Type').toggleClass('plus');

};

});
</code></pre>
