jQuery slide down div

[Vitamin]

I have a div that when clicked will slide down.  Once it is expanded there are a couple comboboxs that can be chosen.

 

I run into a problem tho, I want the user to be able to slide the div back up when they are done choosing their values in the combo box, but once you click anywhere in the div (including the combo box) the div slides back to the default place.  What is the best way to approach this so that values can be chosen from the combo boxes without it sliding back up?  Ill post the jQuery script that controls the 2 div's.

 

$('div#runes').click(function () {
if ($('#showrunes').is(':hidden')) {
	$('div#showrunes').slideDown('slow');
} else {			
	$('div#showrunes').slideUp();
}
});

[Vitamin]

Ah, ok I just need to think before I go typing all that out, I got it.  Just have to make sure the div that I want to show is not enclosed in the click able div!