6
के लिए टैब से पतन पर स्विच करें लक्ष्य यह है कि साइट 676px चौड़े से कम होने पर टैब से एक accordion शैली पतन पर स्विच करना है। हम बूटस्ट्रैप का उपयोग कर रहे हैं।उत्तरदायी
हम सीएसएस के साथ क्रमशः ul.nav-tabs और a.accordtion-toggle छुपाएंगे। टैब यहां काम करते हैं, लेकिन a.accordion-टॉगल काम नहीं कर रहे हैं। कोई विचार?
<ul class="nav nav-tabs" id="myTab" data-tabs="tabs">
<li class="active"><a href="#panel1" data-toggle="tab">Panel 1</a></li>
<li class="active"><a href="#panel2" data-toggle="tab">Panel 2</a></li>
</ul>
<a class="accordion-toggle" data-toggle="collapse" data-target="#panel>Panel 1</a>
<div class="tab-pane collapse" id="panel1">
Panel 1 Content
</div>
<a class="accordion-toggle" data-toggle="collapse" data-target="#pane2>Panel 2</a>
<div class="tab-pane collapse" id="panel2">
Panel 2 Content
</div>
<script>
jQuery(document).ready(function ($) {
if (document.documentElement.clientWidth < 767) {
$('#myTab a').click(function (e) {
e.preventDefault();
}
$(".collapse").collapse();
}
});
</script>
चिपकाया कोड विशेषताओं पर उद्धरण चिह्न नहीं किया है और जे एस कुछ भी नहीं है -
यहाँ स्रोत मैं छोटे प्लगइन करने के लिए निकाला जाता है। 'accordion-toggle [डेटा-लक्ष्य] 'में से एक अधूरा भी अधूरा है। – Sherbrow
क्या आपने टैब प्लगइन के बजाय '.nav-tabs' में पतन प्लगइन का उपयोग करने के बारे में सोचा है? – Sherbrow