I am a super newbie to jQuery. I was asked to change the way some div panels are behaving. Right now, when clicked, they just stay open. I would like to add an "x" in there to close it. Is there an easy way to implement this with the current code.
$('#button_friend').click(function(){
// If another panel is open and we need to close it first before opening this one.
switch (strPanelOpen)
{
case '':
// no panel open, open Friend panel
strPanelOpen = 'Friend';
$(this).html('SUBMIT');
$("#panel-friend").slideToggle("fast");
break;
case 'Brochure':
$('#button_brochure').html('DOWNLOAD BROCHURE');
$("#panel-brochure").slideToggle("fast");
strPanelOpen = 'Friend';
$(this).html('SUBMIT');
$("#panel-friend").slideToggle("fast");
break;
case 'Friend':
// The Friend panel is open and the data ready to be submited
$('#frmFriend').submit();
break;
case 'Appointment':
$('#button_appointment').html('MAKE AN APPOINTMENT');
$("#panel-appointment").slideToggle("fast");
strPanelOpen = 'Friend';
$(this).html('SUBMIT');
$("#panel-friend").slideToggle("fast");
break;
}
return false;
});