javascript - Why doesnt Bootstraps panel collapse work with JSF? -

मेरे पैनल के लिए कोड है:

  & lt; div class = "panel- ग्रुप डिस्टिन "आईडी =" एडेरियन "& gt; & Lt; div वर्ग = "पैनल पैनल-डिफ़ॉल्ट" & gt; & Lt; div वर्ग = "पैनल-शीर्षक" & gt; & Lt; h4 वर्ग = "पैनल-शीर्षक" & gt; & Lt; डेटा-टॉगल = "पतन" डेटा- parent = "# accordion" href = "# collapseOne" & gt; & LT; h3 & gt; & lt; p & gt; अवलोकन & lt; / p & gt; & lt; / h3 & gt; & Lt; / a & gt; & Lt; / h4 & gt; & Lt; / div & gt; & Lt; div id = "collapseOne" class = "पैनल-पतन में पतन" & gt; & Lt; div वर्ग = "पैनल-शरीर" & gt; & Lt; p & gt; यहां कुछ पाठ & lt; / p & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "// code.jquery.com/jquery-1.11.0.min.js"></script> & Lt; script src = "// code.jquery.com/jquery-migrate-1.2.1.min.js"></script>  

जब मैं पैनल पर क्लिक करता हूं, यह पूरे पैनल को & lt; p & gt; कुछ पाठ के साथ खोलता है & lt; / p & gt; ऐसा हुआ जब मैंने इसे नोटपैड + + में करने की कोशिश की, लेकिन नेटबीन (मेवेन वेब एप्लीकेशन + जेएसएफ फ़्रेमवर्क) में यह काम नहीं करता। बूटस्ट्रैप के लिए, आपको बूटस्ट्रैप पुस्तकालयों से पहले jQuery लोड करने की जरूरत है, जैसे कि:

  & lt; script src = "// code.jquery.com/jquery-1.11.0.min.js"></script> & Lt; script src = "// code.jquery.com/jquery-migrate-1.2.1.min.js"></script> & Lt; script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" & gt; & lt; / स्क्रिप्ट & gt;