I'm using the code below to show and hide a div.

2. jQuery(document).ready(function() {
3. $('#blag-booking-drop-down').hide();
4. $('#blag-booking').click(function(e){ 
5.     e.stopPropagation();
6.     $('#blag-booking-drop-down').slideToggle();
7. });
8. $('#blag-booking-drop-down').click(function(e){
9.     e.stopPropagation();
10. });
11. $(document).click(function(){
12.      $('#blag-booking-drop-down').slideUp();
13. });

It's working great for one div. I've replicated the code for another div on the same page and it works fine except that both div are able to be shown at the same time. How can I make so that only one can be open at at time?

Many thanks.

N