Hi, I just wanted to let you know that I also am experiencing this. I've yet to find a solution for the problem, but I'm in the process of finding out. If anyone else has a good solution, or know if it is fixed in the upcoming release, please let us know.
On 11 Apr, 22:45, nerohc <[EMAIL PROTECTED]> wrote:
> 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!
