<script type="text/javascript" src="/content/static/langselector/langselector.js"></script>

The script is there and seems to be loaded.
It contains a simple jquery string:

$('#lang_arrow').click(function () {
 $('#lang_list').slideDown('slow', function() {
 // Animation complete.
 });
});

All I want to do is to slideDown() the element #lang_list as soon as a user clicks on the element
#lang_arrow. But nothing happens if I do so.

Here is the markup:

<div class="lang_selector">
 <div id="lang_map"></div>
 <div id="lang_arrow">
 <div id="lang_curr" #outputObj.writeLangInfo(qLangs.id,'background-position: 30px center;').flagstyle#></div>
 </div>
 <div class="clear"></div>
 <ul id="lang_list"><!--- This is a list of 8 items (output by Cold Fusion) --->
 <cfloop query="qLangs">
 <li>#outputObj.writeLangInfo(qLangs.id).flag#&nbsp;#qLangs.original#</li>
 </cfloop>
 </ul>
</div>

Please help. Thank you very much in advance.

WulleBulle