$(document).ready(function(){
   var state = 0;
   $("#sl").click(function(event){
	if (state) {
		$("#td-list").hide('fast');
		event.stopPropagation();
		state = 0;
	}
	else {
		$("#td-list").show('fast');
		event.stopPropagation();
		state = 1;
	}
       return false;
 });
 
$('#td-list').click(function(event){
    event.stopPropagation();
 });
 
   $('#x_b').click(function() {
   		$("#td-list").hide('fast');
		state = 0;
   
 });
   
   $('body').click(function() {
   if (state)
	{
		$("#td-list").hide('fast');
		state = 0;
	}
 });

 });