https://fiddle.jshell.net/8v72rtxb/
मेरे पास निम्न कोड है।
Accordion बूटस्ट्रैप 4 पतन में काम नहीं करता
<div class="menu-horizontal container">
<div class="row menu-container" id="menu">
<div class="col-md-3 menu-item">
<a data-toggle="collapse" class="collapsed collapse-toggle" data-parent="#menu" href="#studies-collapse" aria-expanded="false" aria-controls="collapseExample">
Studies
</a>
<div class="collapse" id="studies-collapse">
<div class="container">
<div class="row">
Something...
</div>
</div>
</div>
</div>
<div class="col-md-3 menu-item">
<a data-toggle="collapse" class="collapsed collapse-toggle" data-parent="#menu" href="#research-collapse" aria-expanded="false" aria-controls="collapseExample">
Research
</a>
<div class="collapse" id="research-collapse">
<div class="container">
<div class="row">
Something...
</div>
</div>
</div>
</div>
</div>
</div>
मुझे नहीं पता कि डेटा-पैरेंट हालांकि काम क्यों नहीं करता है। एक पतन div का विस्तार करें अन्य पतन बंद नहीं करता है। मैंने बूटस्ट्रैप के उदाहरण से कोड कॉपी करने की कोशिश की, लेकिन यह अभी भी काम नहीं करता है। इसके अलावा मेरे प्रोजेक्ट में, bootstrap.min.js
से पहले मैं शामिल हूं। मैंने कुछ अन्य प्रश्नों की जांच की है, उन्होंने कहा कि bootstrap.min.js
को दो बार शामिल किया जा सकता है। लेकिन क्या यह मामला होना चाहिए?
पढ़ने के लिए धन्यवाद!
, गलती पर टिप्पणी downvoter दे सकते हैं जिससे कि मैं अपने जवाब है, कृपया सुधार कर सकते हैं? – rahulsm
मैंने इसे कम नहीं किया। मैं अभी भी यह पता लगा रहा हूं कि मेरा सेटअप क्यों काम नहीं करता है। अगर मैंने आपके कोड को मेरे जेएसफ़ाइल पर कॉपी किया है, तो यह काम नहीं करता है ... –
मैंने देखा है कि यह आपके बूटस्ट्रैप जेएस के कारण है, मैंने इसे अन्य जेएस के साथ बदल दिया है और फिर मैंने बूटस्ट्रैप की साइट उदाहरण एचटीएमएल को जेएसफिड में रखा है, यह काम करता है, और फिर मैंने आपके एचटीएमएल को मैप किया। – rahulsm