$(document).ready(function() {

$("#collection").hide();
$("#homeoffice").hide();
$("#entertainment").hide();
        $(".toggle").click(function(){    
        if($(this).attr("class") == "toggle"){
            $(this).removeClass("toggle");
            $(this).addClass("active");
             $(".col").addClass("active");
             $("#collection").show();
        }else{
            $(this).removeClass("active");
            $(this).addClass("toggle");
            $(".col").removeClass("active");
            $(".ho").removeClass("active");
            $(".ent").removeClass("active");
            $("#collection").hide();
            $("#homeoffice").hide();
            $("#entertainment").hide();
        }
      
        return false;
    });
    
$(".close").click(function(){    
        
           	$(".active").addClass("toggle");
            $(".active").removeClass("active");
            $(".col").removeClass("active");
            $(".ho").removeClass("active");
            $(".ent").removeClass("active");
            $("#collection").hide();
            $("#homeoffice").hide();
            $("#entertainment").hide();
        
      
        return false;
    });



    
$(".col").click(function() {
$(".col").addClass("active");
$(".ho").removeClass("active");
$(".ent").removeClass("active");
$("#collection").show();
$("#homeoffice").hide();
$("#entertainment").hide();
   return false;
});
    
$(".ho").click(function() {
$(".ho").addClass("active");
$(".col").removeClass("active");
$(".ent").removeClass("active");
$("#collection").hide();
$("#homeoffice").show();
$("#entertainment").hide();
});
  
$(".ent").click(function() {
$(".ent").addClass("active");
$(".ho").removeClass("active");
$("#collection").hide();
$("#homeoffice").hide();
$("#entertainment").show();
   return false;
});


});