3boxes jquery

HTML

<link rel="stylesheet" href="http://http://dev.thepixellary.es/resources/960.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<div class="slControlWrapper">
        <div class="slControlLabel">
            <asp:Label ID="lblSL" CssClass="lblSL" runat="server">Clickable Label</asp:Label>
        </div>
        <div class="slControlSeparator">
           
        </div>
        <div class="slControlDropDown">
            
        </div>
         <div id="wndSL" class="wndSL">
            This is the hidden content of my DIV Window
        </div>
        <br/>
         <div id="wndSL2" class="wndSL2">
            This is the hidden content of my DIV Window
        </div>
        <div id="test">
        I am for test click on me
        </div>
    </div>

CSS

#wndSL {

display:none;     background-color: blue;    height:500px;    width:200px;
}
#wndSL2 {

display:none;     background-color: blue;    height:500px;    width:200px;
}

JavaScript

$('.slControlLabel, .slControlDropDown').bind('click',function(event){
       
       $('#wndSL').show(); 
     event.stopPropagation();
 });

$('.wndSL').click(function() {
   $('#wndSL').hide(); 
});