$(document).ready(function(){

/* sub1 elements */
$("#sub1").click(function () {
$("#subbox2, #subbox3, #subbox4, #subbox5, #subbox6, #subbox7").hide('blind');
});

$('#sub1').click(function() {
                $('#sub2, #sub3, #sub4, #sub5, #sub6, #sub7').removeClass("sbtitle");
                 $('#sub2, #sub3, #sub4, #sub5, #sub6, #sub7').addClass("sbtitle2");
         });

$("#sub1").click(function () {
$("#subbox1").show('blind');
});

$('#sub1').click(function() {
                $('#sub1').removeClass("sbtitle2");
                 $('#sub1').addClass("sbtitle");
         });

/* sub2 elements */
$("#sub2").click(function () {
$("#subbox1, #subbox3, #subbox4, #subbox5, #subbox6, #subbox7").hide('blind');
});

$('#sub2').click(function() {
                $('#sub1, #sub3, #sub4, #sub5, #sub6, #sub7').removeClass("sbtitle");
                 $('#sub1, #sub3, #sub4, #sub5, #sub6, #sub7').addClass("sbtitle2");
         });

$("#sub2").click(function () {
$("#subbox2").show('blind');
});

$('#sub2').click(function() {
                $('#sub2').removeClass("sbtitle2");
                 $('#sub2').addClass("sbtitle");
         });

/* sub3 elements */
$("#sub3").click(function () {
$("#subbox2, #subbox1, #subbox4, #subbox5, #subbox6, #subbox7").hide('blind');
});

$('#sub3').click(function() {
                $('#sub2, #sub1, #sub4, #sub5, #sub6, #sub7').removeClass("sbtitle");
                 $('#sub2, #sub1, #sub4, #sub5, #sub6, #sub7').addClass("sbtitle2");
         });

$("#sub3").click(function () {
$("#subbox3").show('blind');
});

$('#sub3').click(function() {
                $('#sub3').removeClass("sbtitle2");
                 $('#sub3').addClass("sbtitle");
         });

/* sub4 elements */
$("#sub4").click(function () {
$("#subbox2, #subbox3, #subbox1, #subbox5, #subbox6, #subbox7").hide('blind');
});

$('#sub4').click(function() {
                $('#sub2, #sub3, #sub1, #sub5, #sub6, #sub7').removeClass("sbtitle");
                 $('#sub2, #sub3, #sub1, #sub5, #sub6, #sub7').addClass("sbtitle2");
         });

$("#sub4").click(function () {
$("#subbox4").show('blind');
});

$('#sub4').click(function() {
                $('#sub4').removeClass("sbtitle2");
                 $('#sub4').addClass("sbtitle");
         });

/* sub5 elements */
$("#sub5").click(function () {
$("#subbox2, #subbox3, #subbox4, #subbox1, #subbox6, #subbox7").hide('blind');
});

$('#sub5').click(function() {
                $('#sub2, #sub3, #sub4, #sub1, #sub6, #sub7').removeClass("sbtitle");
                 $('#sub2, #sub3, #sub4, #sub1, #sub6, #sub7').addClass("sbtitle2");
         });

$("#sub5").click(function () {
$("#subbox5").show('blind');
});

$('#sub5').click(function() {
                $('#sub5').removeClass("sbtitle2");
                 $('#sub5').addClass("sbtitle");
         });

/* sub6 elements */
$("#sub6").click(function () {
$("#subbox2, #subbox3, #subbox4, #subbox5, #subbox1, #subbox7").hide('blind');
});

$('#sub6').click(function() {
                $('#sub2, #sub3, #sub4, #sub5, #sub1, #sub7').removeClass("sbtitle");
                 $('#sub2, #sub3, #sub4, #sub5, #sub1, #sub7').addClass("sbtitle2");
         });

$("#sub6").click(function () {
$("#subbox6").show('blind');
});

$('#sub6').click(function() {
                $('#sub6').removeClass("sbtitle2");
                 $('#sub6').addClass("sbtitle");
         });

/* sub7 elements */
$("#sub7").click(function () {
$("#subbox2, #subbox3, #subbox4, #subbox5, #subbox1, #subbox6").hide('blind');
});

$('#sub7').click(function() {
                $('#sub2, #sub3, #sub4, #sub5, #sub1, #sub6').removeClass("sbtitle");
                 $('#sub2, #sub3, #sub4, #sub5, #sub1, #sub6').addClass("sbtitle2");
         });

$("#sub7").click(function () {
$("#subbox7").show('blind');
});

$('#sub7').click(function() {
                $('#sub7').removeClass("sbtitle2");
                 $('#sub7').addClass("sbtitle");
         });

});