$("body").click(function(e)
{
//you can then check what has been clicked
var target = $(e.target);
if (target.is(".bq"))
{
if($("#face").css('display')=="none")
{
$("#face").show();
$("#pic_temp").hide();
$("#video").hide();
}
else
{
$("#face").hide();
}
}
else if(target.is(".tp"))
{
if($("#pic_temp").css('display')=="none")
{
$("#pic_temp").show();
$("#face").hide();
$("#video").hide();
}
else
{
$("#pic_temp").hide();
}
}
else if(target.is(".sp"))
{
if($("#video").css('display')=="none")
{
$("#video").show();
$("#face").hide();
$("#pic_temp").hide();
}
else
{
$("#video").hide();
}
}
else
{
$("#face").hide();
$("#pic_temp").hide();
$("#video").hide();
}
})
{
//you can then check what has been clicked
var target = $(e.target);
if (target.is(".bq"))
{
if($("#face").css('display')=="none")
{
$("#face").show();
$("#pic_temp").hide();
$("#video").hide();
}
else
{
$("#face").hide();
}
}
else if(target.is(".tp"))
{
if($("#pic_temp").css('display')=="none")
{
$("#pic_temp").show();
$("#face").hide();
$("#video").hide();
}
else
{
$("#pic_temp").hide();
}
}
else if(target.is(".sp"))
{
if($("#video").css('display')=="none")
{
$("#video").show();
$("#face").hide();
$("#pic_temp").hide();
}
else
{
$("#video").hide();
}
}
else
{
$("#face").hide();
$("#pic_temp").hide();
$("#video").hide();
}
})