javascript - Return all back to previous state on mouseleave -

मैंने इस jsfiddle को एक साथ रखा है।

  & lt; Div id = "wrapper" & gt; & Lt; div वर्ग = "पोर्टफोलियो" & gt; & lt; / div & gt; & Lt; div वर्ग = "पोर्टफोलियो" & gt; & lt; / div & gt; & Lt; div वर्ग = "पोर्टफोलियो" & gt; & lt; / div & gt; & Lt; div वर्ग = "पोर्टफोलियो" & gt; & lt; / div & gt; & Lt; / div & gt; । पोर्टफोलियो {ऊंचाई: 50px; चौड़ाई: 200px; बाईंओर तैरना; मार्जिन: 20px 20px 0 0; पृष्ठभूमि का रंग: लाल; } # वेपर {चौड़ाई: 500 पीएक्स; }। पोर्टफोलियो: होवर {} $ ('। पोर्टफोलियो', '# वेपर')। होवर (फ़ंक्शन () {$ ('। पोर्टफोलियो', '# वेपर')। नहीं (यह) .स्टॉप ()। {अस्पष्टता: .2}, 500); $ (यह) .स्टॉप ()। चेतन ({अस्पष्टता: 1}, 500);}); $ ('। पोर्टफोलियो', '# वेपरपर')। माउसलेव (फ़ंक्शन () {('। पोर्टफोलियो', '# वेपर')। चेतन ({अस्पष्टता: 1}, 500);});   
 मैं सभी तत्वों को अस्पष्टता में वापस लौटा रहा हूँ: 1 जब माउस आवरण को छोड़ देता है   
 
 
 इसे आज़माएं:  
  $ ('। पोर्टफोलियो', ' ({अस्पष्टता: .2}, 500);}, फ़ंक्शन () () () (फ़ंक्शन () ($ ('। पोर्टफोलियो', '# वेपर')। नहीं (यह) .स्टॉप ()। {$ ('पोर्टफोलियो', '# वेपर')। रोक ()। चेतन ({अस्पष्टता: 1}, 500);});