jquery - Bind list to css class -

मेरे पास एक & lt; select & gt; सूची और एक एआरएस सीएसएस वर्ग निम्नानुसार है: <पूर्व> & lt; ul आईडी = "शहर-सूची" & gt; & Lt; li & gt; & Lt; फ़ॉर्म एक्शन = "#" & gt; & Lt; चुनें id = "listcc" name = "escities" & gt; & LT; विकल्प & gt; एस्पेन & lt; / विकल्प & gt; & LT; विकल्प & gt; टोक्यो & lt; / विकल्प & gt; & LT; विकल्प & gt; कान & lt; / विकल्प & gt; & LT; विकल्प & gt; केपटाउन & lt; / विकल्प & gt; & LT; विकल्प & gt; कौरशेवेल & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / प्रपत्र & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; div वर्ग = "तीर-डाउन" & gt; & lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt;

वर्ग = "तीर-डाउन" सीएसएस के साथ बस छोटा तीर है।

सीएसएस कोड:

  .row-down {width: 0; ऊंचाई: 0; सीमा-बाएं: 5px ठोस पारदर्शी; सीमा-दाएं: 5px ठोस पारदर्शी; सीमा-शीर्ष: 5px ठोस # c2a54d; मार्जिन: 0 0 0 0; }   
 मैं  & lt; चयन करें & gt;  सूची को खोलने के लिए तीर पर दबाने पर उपयोगकर्ता को चाहूंगा इन दोनों को एक साथ बाँध कैसे करें?   
 
 
 आप एक चुनिंदा तत्व का उपयोग कर सकते हैं (डिफ़ॉल्ट रूप से छुपा) और तीर पर क्लिक करके दृश्यता को टॉगल कर सकते हैं?  
  
 jQuery  
  $ ("body")। पर ("क्लिक करें", "। टॉगल ();})   
 HTML  
  & lt; ul आईडी = " शहर-सूची "& gt; & Lt; li & gt; & Lt; फ़ॉर्म एक्शन = "#" & gt; & Lt; चुनें शैली = "प्रदर्शन: कोई नहीं" एकाधिक आईडी = "listcc" नाम = "escities" & gt; & LT; विकल्प & gt; एस्पेन & lt; / विकल्प & gt; & LT; विकल्प & gt; टोक्यो & lt; / विकल्प & gt; & LT; विकल्प & gt; कान & lt; / विकल्प & gt; & LT; विकल्प & gt; केपटाउन & lt; / विकल्प & gt; & LT; विकल्प & gt; कौरशेवेल & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / प्रपत्र & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; div वर्ग = "तीर-डाउन" & gt; & lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt;