Jquery: How do I get a Hoverintent like effect working with mousenter / mouseleave? Below: -

  $ (दस्तावेज़) .ready (function () {$ ('। Viewport')। माउससेंटर (फ़ंक्शन ई) {$ (यह)। सीएसएस ({'z-index': '10'}) / * एक उच्च z- इंडेक्स मान जोड़ें ताकि यह छवि शीर्ष * / $ (this) पर रहती हो। बच्चों ('a' ) ($ ऊंचाई: '300', बायीं: '-40', ऊपर: '-40', चौड़ाई: '300',}, 300); $ (यह)। 'ए')। बच्चों ('स्पैन')। फीडइन (280);}}। माउसलेव (फ़ंक्शन (ई) {$ (यह)। Css ({'z-index': '0'}); / * ज़ेड इंडेक्स को 0 * / $ (यह) से वापस करें। बच्चों ('ए')। बच्चों ('आईएमजी')। चेतन ({ऊंचाई: '225', बायीं: '0', शीर्ष: '-0', चौड़ाई: '225',}, 250); $ (यह)। बच्चे ('ए')। बच्चों ('स्पैन')। फेडऑट (280);});});  setTimeout  
 
   

/ H1>

  $ (document) .ready (function () {var hoverIntent; $ ('। Viewport')। माउससेंटर (फ़ंक्शन (e) {clearInterval (hoverIntent); $ this = $ (this) ; // $ (यह) hoverIntent = setTimeout (फ़ंक्शन () {$ this.css ({'z-index': '10'}) के संदर्भ को सहेजें / / एक उच्च z- इंडेक्स मान जोड़ें ताकि ये छवि पर बने रहें शीर्ष * / $ this.children ('a')। बच्चों ('img')। चेतन ({ऊंचाई: '300', बायीं: '-40', शीर्ष: '-40', चौड़ाई: '300',} (), $ 300 (), $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ .css ({'z-index': '0'}); / * Z-index को 0 * / $ (this) पर वापस सेट करें। बच्चे ('a')। बच्चों ('img')। चेतन ({hei Ght: '225', बाईं: '0', ऊपर: '-0', चौड़ाई: '225',}, 250); । $ (This) .children ( 'एक') बच्चों ( 'काल') fadeOut (280)। }); });