jQuery एनीमेशन विलंब एक कक्षा

Question

जोड़ना मैं jquery का उपयोग कर कक्षा को जोड़ने में देरी करने की कोशिश कर रहा हूं। सभी कोड ठीक काम करता है लेकिन होवर आउट फ़ंक्शन पूरा होने तक मैं .addClass('hideText') में देरी करना चाहता हूं, कोई मुझे दिखा सकता है कि यह कैसे करें?

यहाँ कोड है:

$(document).ready(function() { 

$('.listing div').addClass('hideText'); 

$('.listing div').hover(

function() { 
    $(this) 
    .stop(true) 
    .removeClass('hideText') 
    .animate(
     {top: '0'}, 
     {duration: 300, easing: 'linear', queue: false} 
    ) 
    }, 
    function() { 
     $(this) 
     .stop(true) 
     .animate(
      {top: '150px'}, 
      {duration: 300, easing: 'linear', queue: false} 
     ) 
     .addClass('hideText') 
    }); 

});

Answer 1

प्लेस एक कॉलबैक में .addClass() लाइन:

$(document).ready(function() { 

$('.listing div').addClass('hideText'); 

$('.listing div').hover(

function() { 
    $(this) 
    .stop(true) 
    .removeClass('hideText') 
    .animate(
     {top: '0'}, 
     {duration: 300, easing: 'linear', queue: false} 
    ) 
    }, 
    function() { 
     $(this) 
     .stop(true) 
     .animate(
      {top: '150px'}, 
      {duration: 300, easing: 'linear', queue: false}, 
      function() { 
       $(this).addClass('hideText'); 
      } 
     ); 
    }); 
}); 

Answer 2

आप इस तरह समारोह कतार की कोशिश की?

function() { 
     $(this).stop(true).queue(function (next) { 
      .animate(
       {top: '150px'}, 
       {duration: 300, easing: 'linear', queue: false}, 
      next(); 
     }) 
     function() { 
      $(this).addClass('hideText'); 
     } 
    });