मैं ट्विटर बूटस्ट्रैप ढांचे के साथ टैब को कैसे और बाहर फीका कर सकता हूं?</p> <pre><code>$(".selector").tabs({ fx: { opacity: 'toggle' } }); </code></pre> <p>ट्विटर बूटस्ट्रैप ढांचे टैब के साथ कुछ ऐसा ही संभव है:

Question

jQuery यूआई इतना की तरह, टैब/बाहर फीका करने के लिए सेट के साथ टैब को प्रारंभ करने का विकल्प है?

Answer 1

नहीं, लेकिन आप अपने खुद के, jsFiddle

$('.tabs').tabs() 
    .bind('change', function (e) { 
     $(this).next().hide().fadeIn(); 
    }); 

Answer 2

दोनों बूटस्ट्रैप 2 और 3 के लिए जोड़ सकता है, तो आप बस bootstrap-transition.js लोड के साथ अपने .tab-pane तत्वों एक fade वर्ग दे सकते हैं। अपने स्वयं के जावास्क्रिप्ट कोड की एक पंक्ति को बिल्कुल लिखने की आवश्यकता नहीं है।

<div class="tab-content"> 
    <div class="tab-pane fade in active" id="home">...</div> 
    <div class="tab-pane fade" id="profile">...</div> 
    <div class="tab-pane fade" id="messages">...</div> 
    <div class="tab-pane fade" id="settings">...</div> 
</div> 

the official Twitter Bootstrap documentation से कोड नमूना।