drop down is not hidden when I click outside
<p>This is my script. The script works when i click but it is not hidden when i click outside.</p>

<pre><code>$(document).ready(function() {
   //Translate();  //caling Language Translater function
   $("#translate_image").attr('href', base_url)

   $("#select_lang").click(function() {
      $("#lang_visible").attr('style', 'visibility: visible');
   })
})
</code></pre>

<p>Here's my HTML:</p>

<pre><code>&lt;li&gt;
    &lt;div class="clsCurrent_Lan "&gt;
        &lt;a class="clsHead_Link_Bg" href="#" id="select_lang"&gt;
            &lt;span&gt;Select Language&lt;/span&gt;
        &lt;/a&gt;
    &lt;/div&gt;
    &lt;ul id="lang_visible" &gt;
        &lt;?php foreach($language_drops as $lang){?&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo admin_url('home/ch_language/' . 
                 $lang-&gt;language_code)?&gt;"
                 id="&lt;?php echo $lang-&gt;language_code?&gt;"&gt;
                 &lt;?php echo ucfirst($lang-&gt;language_name);?&gt;&lt;/a&gt;
            &lt;/li&gt;
        &lt;?php }?&gt;
    &lt;/ul&gt;
&lt;/li&gt;
</code></pre>
