Set events for checkbox
<p>I want to set events for checkbox to display content.</p>

<blockquote>
  <p>If check="Twitter" -> display content of twitter If check="Facebook"
  -> display content of facebook</p>
  
  <p>If check all (twitter + facebook) -> display content of twitter +
  facebook</p>
  
  <p>Required to choose twitter or facebook.</p>
</blockquote>

<p>I have handle events for checkbox but not display content for-each checkbox checked: <a href="http://jsfiddle.net/vinhnguyenle/hHnUV/" rel="nofollow">http://jsfiddle.net/vinhnguyenle/hHnUV/</a></p>

<pre><code>        var $twitter =  $('input[name=twitter]'),
            $facebook = $('input[name=facebook]');

    $twitter.click(function(e) {
        if (!!$facebook.prop('checked') == false) {
            e.preventDefault();
        }
    });

    $facebook.click(function(e) {
        if (!!$twitter.prop('checked') == false) {
            e.preventDefault();
        }
    });

    $twitter.trigger('click');
</code></pre>

<p>Please help me display content for-each checkbox checked.</p>

<p>Thanks,</p>
