Jquery not working in Google Crome
i am new to jquery i developed some piece to code in jquery to hide and show the text box on selection, it is working good in firefox but on google corme -- CODE is given bellow
function txtF(str)
{
if(str==true)
{
$('#textField').show();
}
else
{
$('#textField').hide();
}
}
function txtFH(strb)
{
if(strb==true)
{
$('#textField').hide();
}
}
<!---------------------------------------------------->
function imgF(str2)
{
if(str2==true)
{
$('#imageField').show();
}
else
{
$('#imageField').hide();
}
}
function imgFH(stri)
{
if(stri==true)
{
$('#imageField').hide();
}
}
HTML IS
<div class="fdwrap">
<div class="label"><h3>Post Type : </h3></div>
<select id="postType" name="postType" tabindex="6" class="selmenu">
<option value="text" id="text" >Select Post Type</option>
<option value="text" id="text" onclick="txtF(this.selected);" onmouseout="imgFH(this.selected)">Text</option>
<option value="image" id="image" onclick="imgF(this.selected);" onmouseout="txtFH(this.selected)">Image</option>
</select>
<textarea id="textField" name="textFiled" rows="3" class="textField" style="display:none; width:370px; height:100px;"></textarea>
<input type="file" name="imageFiled" id="imageField" class="imageField" style="display:none" />
</div>