<div>
Try this:<br />

<pre><code id="code-1459483">$(&quot;#pic&quot;).css('display','none');

$(&quot;#name,#phone&quot;).focus(function (){
	clearTimeout(timeout);
	$(&quot;#pic&quot;).slideDown(600);
});

$(&quot;#name,#phone&quot;).blur(function (){
	timeout = setTimeout('$(&quot;#pic&quot;).slideUp(600)', 30000);
});
</code></pre>
</div>


<div>
You will also need a global timeout variable outside of the jquery document ready function:<br />
<br />
var timeout = null;
</div>


<div>
<div class="content wysiwyg-content">
on the form, there's a name filed, a phone field, and a picture, a submit button.<br />
<br />
how do i achieve this?<br />
<br />
the picture is hidden, only when you focus on either the name field or phone field, the picture slidedown, when it's blur, the picture stay hidden.<br />
<br />
The problem with my code is(see attached), when I finish name field and tab to phone field, it will still do the slideup and then slidedown. But what I want is, if the blur doesnt last more than 30 secs, it doesnt do the slideup, how to do this in jquery? &nbsp;<br />
<br />
<br />
<br />

<pre><code id="code-1294960">$(&quot;#pic&quot;).css('display','none');



$(&quot;#name,#phone&quot;).focus(function (){
   
    $(&quot;#pic&quot;).slideDown(600);
                      
});
 
$(&quot;#name,#phone&quot;).blur(function (){
   
    $(&quot;#pic&quot;).slideUp(600);
                      
});
</code></pre>
</div>
</div>


on the form, there's a name filed, a phone field, and a picture, a submit button.

how do i achieve this?

the picture is hidden, only when you focus on either the name field or phone field, the picture slidedown, when it's blur, the picture stay hidden.

The problem with my code is(see attached), when I finish name field and tab to phone field, it will still do the slideup and then slidedown. But what I want is, if the blur doesnt last more than 30 secs, it doesnt do the slideup, how to do this in jquery?  




You will also need a global timeout variable outside of the jquery document ready function:

var timeout = null;

web form jquery

on the form, there&#39;s a name filed, a phone field, and a picture, a submit button.

how do i achieve this?

the picture is hidden, only when you focus on either the name field or phone field, the picture slidedown, when it&#39;s blur, the picture stay hidden.

The problem with my code is(see attached), when I finish name field and tab to phone field, it will still do the slideup and then slidedown. But what I want is, if the blur doesnt last more than 30 secs, it doesnt do the slideup, how to do this in jquery?  




JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.

JScript

A scripting language is a programming language that supports scripts, programs written for a special run-time environment that automate the execution of tasks that could alternatively be executed one-by-one by a human operator. Scripting languages are often interpreted (rather than compiled). Primitives are usually the elementary tasks or API calls, and the language allows them to be combined into more complex programs. Environments that can be automated through scripting include software applications, web pages within a web browser, the shells of operating systems (OS), embedded systems, as well as numerous games. A scripting language can be viewed as a domain-specific language for a particular environment; in the case of scripting an application, this is also known as an extension language.