javascript - Inconsistent behaviour in jQuery depending on browser -

मेरे पास मेरी jquery है:

  $ ('। श्रेणी-ब्लॉक')। (फ़ंक्शन (ई) {$ (यह) .फंड ('। बी-विस्तार')। शो ();}); $ ('। श्रेणी-ब्लॉक')। माउसआउट (फ़ंक्शन (e) {$ (this) .find ('.b- विस्तार')। Hide ();});  

और नमूना html:

  & lt; div class = "category-block" id = "category-1" & gt; & Lt; a href = "#" & gt; मॉड & lt; / a & gt; & Lt; div वर्ग = "ख-विस्तार" id = "block-expand-1" & gt; परीक्षण & lt; / div & gt; & Lt; / div & gt;  

उपरोक्त फ़ायरफ़ॉक्स और आईई में काम करता है, लेकिन सफारी और क्रोम नहीं। कोई विचार?

धन्यवाद।

संपादित करें:

अगर मैं जेएस को बदलता हूं:

  $ ('। श्रेणी -ब्लॉक ')। माउसओवर (फ़ंक्शन (ई) {$ ('। B-expand ')। शो ();}); $ ('। श्रेणी-ब्लॉक')। माउसआउट (फ़ंक्शन (ई) {$ ('। B-expand')। छुपाएं ();});  

यह काम करेगा, बेशक, सभी बी-विस्तार का दिखावा केवल माता-पिता के तहत नहीं है। इस प्रकार वह समस्या को खोजने के साथ है?

कोई सीएसएस गुण नहीं हैं जो इसे न दिखाए। इसके अलावा वहाँ कोई जेएस त्रुटियों फेंकने नहीं हैं।

आप शायद क्या चाहते हैं यह है:

  $ ('। श्रेणी-ब्लॉक')। हॉवर (फ़ंक्शन () {$ (this) .find ('.b- विस्तार')। शो ();}, फ़ंक्शन () {$ (this) ढूंढें ('। B-expand')। छुप ();});