Close

[Varivo]

Hello,

Well I got here a nice little script I would like to edit, but I have no idea yet how to do it.
Here is the code:

<script type="text/javascript">

$(document).ready(function(){

$("#home_content_bg").show();
$(".home").show();

$('.home').click(function(){
$("#home_content_bg").slideToggle( 'slow');
});

});

$("#contact_content_bg").hide();
$(".contact").show();

$('.contact').click(function(){
$("#contact_content_bg").slideToggle( 'slow');
});



</script>

Like... I have Home already opend and I want to open Contact, first I want Home to close and after Home closed I want to open Contact.
Could somebody help me with this?

[Javaboey]

Easiest way, off the top of my head, is when they click on any nav, close everything, then open whatever they click on - by passing the ID probably. Just use the complete:function() to open whatever they click on. That way, it won't trigger until everything is done closing. Downside: if they are on 'home', then click 'home' again, 'home' will fade out then come back.