यहाँ अंतिम संस्करण है जो ठीक काम करता है!
इसलिए, मेरे पास कई div हैं, जिनमें से प्रत्येक में a हैएक और div में फीका करने के लिए बटन, और खुद को फीका। जब मैं एक div में फीका करता हूं, तो बाकी सभी div (बटन द्वारा फीका) फीका हो जाएगा। Mabe समझना मुश्किल है, लेकिन यहाँ मेरा FIDDLE है
बटन 1 के साथ div फीका-इन div 2 में प्रदर्शित करें (प्रदर्शन: कोई नहीं;)
<div class="cnt" id="cnt-1">CONTENT 1<br>
<div class="btn" id="btn-1">BUTTON 1</div>
</div>
<div class="cnt" id="cnt-2">CONTENT 2<br>
<div class="btn" id="btn-2">BUTTON 2</div>
</div>
3 बटन को फीका करने के लिए div 4 में (प्रदर्शन: कोई नहीं;)
<div class="cnt" id="cnt-3">CONTENT 3<br>
<div class="btn" id="btn-3">BUTTON 3</div>
</div>
<div class="cnt" id="cnt-4">CONTENT 4<br>
<div class="btn" id="btn-4">BUTTON 4</div>
</div>
और इतने पर...
जेएस को फीका-आउट 1 और फेड-इन 2
$("#btn-1").click(function(e){
$("#cnt-1, #cnt-4, #cnt6").fadeOut("slow", function(){
$("#cnt-2").fadeIn("slow");
});
});
$("#btn-2").click(function(e){
$("#cnt-2").fadeOut("slow", function(){
$("#cnt-1, #cnt-3, #cnt-5").fadeIn("slow");
});
});
जैसा कि आप देख सकते हैं, divs डॉन "t एक ही समय में फीका है और चारों ओर कूदते हैं, और यह मेरी समस्या है।
उत्तर:
जवाब के लिए 0 № 1प्रयत्न इस :
$("#btn-1").click(function(e){
$("#cnt-1").fadeOut("slow", function(){
$("#cnt-2").fadeIn("slow");
});
$("#cnt-4").fadeOut("slow", function(){
$("#cnt-3").fadeIn("slow");
});
$("#cnt-6").fadeOut("slow", function(){
$("#cnt-5").fadeIn("slow");
});
});
बटन के लिए किया btn-1 अकेला।