jQuery समान कक्षा के साथ एकल डीवी नियंत्रित (भाई बहन?)

मैं अपनी साइट के लिए एक एफएक्यू मॉड्यूल का निर्माण कर रहा हूं और मैं पेज पर एकल तत्वों को नियंत्रित करने में सक्षम होना चाहता हूं, भले ही उनके पास एक ही कक्षा हो। मेरा मानना ​​है कि यह भाई बहनों के अधीन आता है जो मैं अभी तक परिचित नहीं हूं।

असल में मैं चाहता हूं कि उपयोगकर्ता प्रश्न div पर क्लिक करने में सक्षम हो और फिर जब वे इसे उसी div के भीतर उत्तर div पर क्लिक करें क्योंकि प्रश्न div को दिखाने के लिए सेट किया गया है (यदि यह समझ में आता है!)। किसी भी तरह की सहायता का स्वागत किया जाएगा।

<div class="set">
<div class="question">What is the airspeed velocity of an unladen swallow?</div>
<div class="answer">Although a definitive answer would of course require further measurements, published species-wide averages of wing length and body mass, initial Strouhal estimates based on those averages and cross-species comparisons, the Lund wind tunnel study of birds flying at a range of speeds, and revised Strouhal numbers based on that study all lead me to estimate that the average cruising airspeed velocity of an unladen European Swallow is roughly 11 meters per second, or 24 miles an hour. </div>
</div>

<div class="set">
<div class="question">What is the airspeed velocity of an unladen swallow?</div>
<div class="answer">Although a definitive answer would of course require further measurements, published species-wide averages of wing length and body mass, initial Strouhal estimates based on those averages and cross-species comparisons, the Lund wind tunnel study of birds flying at a range of speeds, and revised Strouhal numbers based on that study all lead me to estimate that the average cruising airspeed velocity of an unladen European Swallow is roughly 11 meters per second, or 24 miles an hour. </div>
</div>

<div class="set">
<div class="question">What is the airspeed velocity of an unladen swallow?</div>
<div class="answer">Although a definitive answer would of course require further measurements, published species-wide averages of wing length and body mass, initial Strouhal estimates based on those averages and cross-species comparisons, the Lund wind tunnel study of birds flying at a range of speeds, and revised Strouhal numbers based on that study all lead me to estimate that the average cruising airspeed velocity of an unladen European Swallow is roughly 11 meters per second, or 24 miles an hour. </div>
</div>
0

2 उत्तर

अगर मैं आपके प्रश्न को सही ढंग से समझता हूं, तो आपको चाहिए सीएसएस में छिपे हुए सभी उत्तरों को सेट करके शुरू करें: .answer {प्रदर्शन: कोई नहीं;}

फिर आप क्लिक किए गए प्रश्नों के सही उत्तर दिखाने के लिए jQuery का उपयोग कर सकते हैं:

$(document).ready ( function() {
    $('.question').click(function() {
        $(this).next('.answer').show();
    });
});

संपादित करें: आप दिखाने के लिए .show() के बजाय .toggle() का भी उपयोग कर सकते हैं।

0
जोड़ा

आपको शायद यह प्रश्न देखना चाहिए जहां कुछ ऐसा ही किया जाता है।

असल में, आपको पहले अपने तत्वों के लिए आईडी सेट अप करने की आवश्यकता है ताकि आप सेट कक्षाओं के भीतर एकल तत्वों की पहचान कर सकें।

फिर आप एक क्लिक इवेंट हैंडलर जोड़ सकते हैं जो चयनित आइटम सेट करेगा और उपयुक्त उत्तर दिखाएगा।

आप यहां प्रलेखन में भाई बहनों को पकड़ने के लिए वाक्यविन्यास देख सकते हैं।

0
जोड़ा