Gotta knock a little harder

<!-- Docking boxes (dbx) by brothercake - http://www.brothercake.com/ -->
<script type="text/javascript" src="<?php bloginfo('wpurl'); ?>/wp-includes/js/dbx.js"></script>
<!-- dbx configuration script -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/dbx-key.js"></script>
<!-- dbx stylesheet -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styles/dbx.css" media="screen, projection" /></link>

//initialise the docking boxes manager
var manager = new dbxManager('main'); 	//session ID [/-_a-zA-Z0-9/]
 
//create new docking boxes group
var purple = new dbxGroup(
	'purple', 		// container ID [/-_a-zA-Z0-9/]
	'vertical', 		// orientation ['vertical'|'horizontal']
	'7', 			// drag threshold ['n' pixels]
	'no',			// restrict drag movement to container axis ['yes'|'no']
	'10', 			// animate re-ordering [frames per transition, or '0' for no effect]
	'yes', 			// include open/close toggle buttons ['yes'|'no']
	'open', 		// default state ['open'|'closed']
	'open', 		// word for "open", as in "open this box"
	'close', 		// word for "close", as in "close this box"
	'click-down and drag to move this box', // sentence for "move this box" by mouse
	'click to %toggle% this box', // pattern-match sentence for "(open|close) this box" by mouse
	'use the arrow keys to move this box', // sentence for "move this box" by keyboard
	', or press the enter key to %toggle% it',  // pattern-match sentence-fragment for "(open|close) this box" by keyboard
	'%mytitle%  [%dbxtitle%]' // pattern-match syntax for title-attribute conflicts
);

/****************************************************************
  docking boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
 
 
/****************************************************************
  avoid padding, margins or borders on dbx-box,
  to reduce visual discrepancies between it and the clone.
  overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}
 
 
/****************************************************************
  otherwise, do what you like :)
*****************************************************************/
 
/* handle cursors */
.dbx-handle-cursor {
	cursor:move;
	}

<div class="dbx-group" id="containerID of dbx-key.js">
	<div class="dbx-box">
		<div class="dbx-handle">...</div>
		<div class="dbx-content">...</div>
	</div>
</div>

<div class="secondary">
	...
	<div class="sb_categories"><h2>갈래</h2>
		<ul>
			<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
		</ul>
	</div>
	...
</div>

<div id="sidebar" class="secondary dbx-group">
	...
	<div class="sb_categories dbx-box"><h2 class="dbx-handle">갈래</h2>
		<ul class="dbx-content">
			<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
		</ul>
	</div>
	...
</div>