javascript - Hover element of parent -

मेरे पास निम्न लूप हैं:

  & lt?? Php (if_rows ('modules ')): $ Counter = 0; जबकि (है_आरओ ('मॉड्यूल')): the_row (); ? & Gt; & Lt; div class = "col span_4_of_12"? Php if ($ counter == 0) {? & Gt; पहला & lt;? Php}? & Gt; "& gt; & Lt; div class = "module-nudge" & gt; & Lt; span class = "home-module & lt;? Php if ($ counter == 2) {? & Gt; मॉड्यूल-अंतिम & lt;? Php}? & Gt; शैली = "पृष्ठभूमि-छवि: url ('& lt;? Php the_sub_field (' icon ');? & Gt;');" & gt; & Lt;? Php the_sub_field ('text'); ? & Gt; & Lt; / span & gt; & Lt;? Php अगर (है_आरओ ('लिंक')):? & Gt; & Lt; span class = "मॉड्यूल-लिंक" & gt; & Lt;? Php जबकि (है_आरओ ('लिंक')): the_row (); ? & Gt; & Lt; एक वर्ग = "मॉड्यूल-आंतरिक-लिंक" href = "& lt;? Php echo the_sub_field ('link');? & Gt;" & gt; & lt;? Php गूंज the_sub_field ('text'); ? & Gt; & lt; / a & gt; & Lt;? Php समयावधि; ? & Gt; & Lt; / span & gt; & Lt;? Php endif; ? & Gt; & Lt; / div & gt; & Lt; / div & gt; & Lt;? Php $ counter ++; endwhile; अगर अंत; ? & Gt;  

और निम्न jquery:

  jQuery (फ़ंक्शन ($) {$ (दस्तावेज़) .ready (function () {$ ("। मॉड्यूल- ($। (मॉड्यूल-लिंक ')। दिखाएँ ();}, फ़ंक्शन () {$ (' .module-links ')। Hide ();});}); });  

फिलहाल जब मैं '। मॉड्यूल-नुड्ज' तत्व पर हॉवर करता हूं तो यह '। मॉड्यूल-लिंक' बॉक्स दिखाता है। मेरे पास समस्या यह है कि यह सभी लिंक बक्से को दिखा रहा / छिपा रहा है, चाहे जो भी माता-पिता आप मंडराना नहीं करते। मैं इसे कैसे ठीक कर सकता हूँ, इसलिए माता-पिता के मँडरा करते समय केवल इसी संगत बाल तत्व का पता चलता है?

$ (this) .find () प्राप्त करने के लिए मॉड्यूल-लिंक का मॉड्यूल-नगद

  $ (".module-nudge")। होवर (फ़ंक्शन () {$ (this) .find ('.module-links')। शो ();}, फ़ंक्शन () {$ (this) .find ('। मॉड्यूल-लिंक ')। लपेट ();});