toggle select lists using jQuery closest or next?

toggle select lists using jQuery closest or next?

HTML

<div id="sidebar">
<dl>
        <dt><a href="#">A - All</a></dt>
        <dd>
            <ul>
                <li><a href="#">AA</a></li>
                <li><a href="#">BB</a></li>
                <li><a href="#">CC</a></li>
            </ul>
        </dd>
        <dt><a href="#">A1 - All</a> </dt>
        <dd>
            <ul>
                <li><a href="#">A1A1</a></li>
                <li><a href="#">B1B1</a></li>
                <li><a href="#">C1C1</a></li>
            </ul>
        </dd>
        <dt><a href="#">A2 - All</a> </dt>
        <dd>
            <ul>
                <li><a href="#">A2</a></li>
                <li><a href="#">B2</a></li>
                <li><a href="#">C2</a></li>
            </ul>
        </dd>
    </dl>
</div>

JavaScript

$(document).ready(function () {
         $('ul').hide();
	//$('ul:last').show();
	$('dt a').click(
		function() {
			var checkElement = $(this).parent('dt').next('dd');
		//	alert("Next Alert[" +checkElement.is(':visible') + "][" + checkElement.is('dd') + "]" );
			//if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
			//	return false;
			//}
			if(checkElement.is('dd') /*&& (!checkElement.is(':visible'))*/) {
		//	 alert("IF Alert[");
			 $(this).parent('dt').next('dd').show();
				$('ul').slideUp('normal');
				//checkElement.slideDown('normal');
				return false;
			}
		}
	);
        });