jQuery Klappmenü wieder schließen

<ul id="graphic_menu">
  <li>Menüpunkt1</li>
    <ul style="display: none;">
      <li>Untermenü1</li>
      <li>Untermenü2</li>
    </ul>
  <li>Menüpunkt2</li>
    <ul style="display: none;">
      <li>Untermenü1</li>
      <li>Untermenü2</li>
    </ul>
</ul>

function SubMenu() {
	$('#graphic_menu ul').hide();
	$('#graphic_menu li').click(
		function() {
			$('#graphic_menu ul').hide('normal'); 
			$(this).next().slideToggle('normal');
		}
	);
}
$(document).ready(
	function() {
		SubMenu();
	}
);

$(document).ready(function() {
	$('#graphic_menu li').click(
		function() {
			$('#graphic_menu li').removeClass('on');
			$('#graphic_menu ul').slideUp('normal');
			if($(this).next().is(':hidden') == true) {
				$(this).addClass('on');
				$(this).next().slideDown('normal');
			}
		}
	);
$('#graphic_menu ul').hide();
});