More efficient way of doing this hide()/show() jQuery
Try this:

http://jsfiddle.net/VYSXn/

Change your HTML to (note the data attributes):

&lt;div class="btn-group" data-toggle="buttons-radio"&gt;
  &lt;button id="btn-post" class="btn btn btn-primary active" type="button"&gt;Post&lt;/button&gt;
  &lt;button id="btn-game" data-target="game_container" class="btn btn btn-primary" type="button"&gt;Game&lt;/button&gt;
  &lt;button id="btn-video" data-target="video_container" class="btn btn btn-primary" type="button"&gt;Video&lt;/button&gt;
  &lt;button id="btn-giveaway" data-target="giveaway_container" class="btn btn btn-primary" type="button"&gt;Giveaway&lt;/button&gt;
&lt;/div&gt;
&lt;div class="container" id="game_container"&gt;
game stuff
&lt;/div&gt;

&lt;div class="container" id="video_container"&gt;
video stuff
&lt;/div&gt;

&lt;div class="container" id="giveaway_container"&gt;
giveaway stuff
&lt;/div&gt;


and now your javascript can just be:

$(document).ready(function() {

    $('.container').hide();
    $('.btn-group button').click(function(){
        var target = "#" + $(this).data("target");
        $(".container").not(target).hide();
        $(target).show();
    });

});