类似Twitter的功能:点击显示隐藏文本

我试图创建一个链接，一旦你点击它解锁文本。

我想我几乎在那里，但我不确定如何显示隐藏的文字，下面是我到目前为止所拥有的。如果有人能给我指个方向就好了。

<section id="container">
    <p>Click to show content. <a href="#" id="tweetLink">Tweet Me.</a></p>
    <p class="hidden-text">Locked</p>
</section>

JS

(function ($) {
    var win = null;
    $.fn.tweetAction = function (options, callback) {

        options = $.extend({
            url: window.location.href
        }, options);
        return this.click(function (e) {
            if (win) {
                e.preventDefault();
                return;
            }
            var width = 550,
                height = 350,
                top = (window.screen.height - height) / 2,
                left = (window.screen.width - width) / 2;
            var config = [
                'scrollbars=yes', 'resizable=yes', 'toolbar=no', 'location=yes',
                'width=' + width, 'height=' + height, 'left=' + left, 'top=' + top
            ].join(',');
           win = window.open('http://twitter.com/intent/tweet?'+$.param(options),
                    'TweetWindow',config);
            // Checking whether the window is closed every 100 milliseconds.
            (function checkWindow() {
                try {

                    if (!win || win.closed) {
                        throw "Closed!";
                    }
                    else {
                        setTimeout(checkWindow, 100);
                    }
                }
                catch (e) {
                    win = null;
                    callback();
                }
            })();
            e.preventDefault();
        });
    };
})(jQuery);

JS

$(document).ready(function(){
$('#tweetLink').tweetAction({
    text:       'First tweet',
    url:        '#',
    via:        'website'
},function(){

    $('hidden-text')
    {
        // action here
    }
});
});