jQuery "यह" प्लस एक सीएसएस चयनकर्ता का उपयोग कर?

Question

मैं एक div के भीतर एक सेक्शन को दिखाने/छिपाने के लिए एक स्क्रिप्ट लिख रहा हूं। मैं छिपा वर्गों के साथ इन divs के 3 है, लेकिन सभी 3.

नियंत्रित करने के लिए एक समारोह का उपयोग करने की उम्मीद कर रहा था यहाँ मैं अभी है:

<div class="rates"> 
    <h2>Rates</h2> 
    <div class="expand"> 
     <p>Text in here is hidden by default.</p> 
    </div> 
</div> 
<div class="hours"> 
    <h2>Hours</h2> 
    <div class="expand"> 
     <p>Text in here is hidden by default.</p> 
    </div> 
</div> 
<div class="otherinfo"> 
    <h2>Other Info</h2> 
    <div class="expand"> 
     <p>Text in here is hidden by default.</p> 
    </div> 
</div> 

:

$('.rates, .hours, .otherinfo').click(function() { 
    $('.expand').toggle(); 
}); 

यहाँ एचटीएमएल है और सीएसएस:

.expand { 
    display:none; 
} 

जाहिर है, इस से पता चलता है जब आप में से किसी पर क्लिक करें "का विस्तार" divs के सभी 3 के लिए div उन्हें। चयनकर्ता में this को शामिल करने का कोई तरीका है। this'.expand' की तरह कुछ?

धन्यवाद!

Answer 1

$(this).find('.expand').toggle()

Answer 2

आपको बेहतर उत्तर के लिए एक पहेली जोड़नी चाहिए। लेकिन इस तरह कुछ काम करना चाहिए।

$("#something").click(function(){$(this).children("section").toggle();});