$(document).ready(function(){

/* cf1 elements */
$("#bb1").click(function () {
$("#cf2, #cf3, #cf4, #cf5, #cf6").hide("fast");
});

$("#bb1").click(function () {
$("#cf1").show("fast");
});

/* cf2 elements */
$("#bb2").click(function () {
$("#cf1, #cf3, #cf4, #cf5, #cf6").hide("fast");
});

$("#bb2").click(function () {
$("#cf2").show("fast");
});

/* cf3 elements */
$("#bb3").click(function () {
$("#cf1, #cf2, #cf4, #cf5, #cf6").hide("fast");
});

$("#bb3").click(function () {
$("#cf3").show("fast");
});

/* cf4 elements */
$("#bb4").click(function () {
$("#cf2, #cf3, #cf1, #cf5, #cf6").hide("fast");
});

$("#bb4").click(function () {
$("#cf4").show("fast");
});

/* cf5 elements */
$("#bb5").click(function () {
$("#cf1, #cf3, #cf4, #cf2, #cf6").hide("fast");
});

$("#bb5").click(function () {
$("#cf5").show("fast");
});

/* cf6 elements */
$("#bb6").click(function () {
$("#cf1, #cf2, #cf4, #cf5, #cf3").hide("fast");
});

$("#bb6").click(function () {
$("#cf6").show("fast");
});

});