Pourquoi ne puis-je pas concentrer un contrôle que je révèle avec slideDown()?

Question

Je veux révéler un div avec une entrée à l'intérieur lorsque vous cliquez sur un bouton, et mettre au point.

Si j'utilise show(), cela fonctionne, mais si j'utilise slideDown() , le focus est perdu une fois l'animation terminée. Comment puis-je empêcher cela?

Exemple de code:

$("document").ready(function(){ 
    $("#MyButton").click(function(e){ 
     e.preventDefault(); 
     $(".SlidingDiv").slideDown(); 
     $("#MyInput").focus(); 
    }); 
}); 

<input type="button" value="Click Me" id="MyButton" /> 
<div class="SlidingDiv" style="display:none;"><input type="text" id="MyInput" /></div> 

Answer 1

Essayez ceci:

$(function(){ 
    $("#MyButton").click(function(e){ 
     e.preventDefault(); 
     $(".SlidingDiv").slideDown(function(){ 
      // Callback function - will occur when sliding is complete. 
      $("#MyInput").focus(); 
     }); 
    }); 
}); 

Answer 2

Je pense que vous ne pouvez concentrer l'élément une fois que la DIV a complètement cessé de glisser?
ne sais pas ...