Hi, i hae the following code:
$(document).ready(function(){
$('#txtSearch').attr('value', 'Enter Search tags for skills or
functions').focus(function(){
$(this).attr('value', '');
showSearchBox();
})
});
function showSearchBox(){
$('#searchBox').slideDown();
}
function hideSearchBox(){
$('#searchBox').slideUp();
$('#txtSearch').attr('value', 'Enter Search tags for skills or
functions');
}
function showMessagesBox(){
$('#messagesBox').slideDown();
}
function hideMessagesBox(){
$('#messagesBox').slideUp();
}
this is the HTML:
<body>
<div id="header">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/img/logo.gif"></td>
<td align="center">
<span id="settings">settings</span>
<span id="logout">logout</span><br>
<span id="messages"><a
href="javascript: void 0;"
onclick="showMessagesBox();">MESSAGES(13)</a></span>
</td>
</tr>
</table>
</div>
<div id="searchInput"><input type="text" id="txtSearch" size="40"/></
div>
<div id="messagesBox">
<a href="javascript: void: 0"
onclick="hideMessagesBox();">Close</a>
</div>
<div id="searchBox">
<table width="100%">
<tr>
<td>
<table>
<tr>
<td>Current/Last Job
Company</td>
<td><input type="text"
id="lastJobCompany"/></td>
</tr>
<tr>
<td>Current/Last Job
Title</td>
<td><input type="text"
id="lastJobTitle"/></td>
</tr>
</table>
<table>
<tr>
<td>Min. Base Pay</td>
<td>
<select
id="basePayTime">
<option
value="yearly">Yearly
</select>
<select
id="basePayMoney">
<option
value="30000-45000">$30,000-45,000
</select>
</td>
<tr>
<td>
Work
Type
</td>
<td>
<input
type="checkbox" value="full"
id="chkJobTypeFull"><label for="chkJobTypeFull">Full-time</label>
<input
type="checkbox" value="contract"
id="chkJobTypeContracr"><label for="chkJobTypeContracr">Contract</
label>
</td>
</tr>
<tr>
<td>Education</td>
<td>
<select
id="educationSelect">
<option>4 Year Degree
</select>
</td>
</tr>
<tr>
<td>Location</td>
<td>
<input
type="radio" name="location" value="local" checked
id="localLocation"> <label for="locationLocal">Local Only</label>
<input
type="radio" name="location" value="relocation"
id="localRelocation"> <label for="locationRelocation">Would consider
relocation</label>
</td>
</tr>
</tr>
</table>
</td>
<td width="30%">
<div id="searchResults"
class="pseudo-textarea"> </div>
</td>
<td width="30%">
<div id="searchSkills"
class="pseudo-textarea"> </div>
</td>
</tr>
</table>
<a href="javascript: void 0;"
onclick="hideSearchBox();">Close</a>
</div>
So, when i focus on the textbox, it does de slideDown, but in IE, it
also "hides" all the content of the slided div. In FF it works fine.
I'm using the last release of jquery. 1.2.3 minified
Thanks in advice!
