javascript - Bootstrap Collapsible Panel not collapsing -


i trying make collapsible panel, when pressed, nothing happens.

here css files using:

// loads of css styling files needed view pages display correctly. bundles.add(new stylebundle("~/content/css").include(           "~/content/bootstrap.css",           "~/content/jasny-bootstrap.css",           "~/content/pagedlist.css",           "~/content/bootstrap-datetimepicker.css",           "~/content/site.css")); 

here of js files using:

// loads of javascript files needed view pages function // correctly. bundles.add(new scriptbundle("~/bundles/bootstrap").include(           "~/scripts/moment.js",           "~/scripts/moment-with-locales.js",           "~/scripts/jquery-2.1.4.min.js",           "~/scripts/bootstrap.js",           "~/scripts/jasny-bootstrap.js",           "~/scripts/respond.js",           "~/scripts/bootstrap-datetimepicker.js",           "~/scripts/jquery-ui-i18n.js")); 

these rendered using:

@styles.render("~/content/css") @scripts.render("~/bundles/bootstrap") 

now actual code collapsable panel is:

@using (html.beginform("index", "item", formmethod.get, new { @class = "form-inline" })) {     <div class="panel panel-default">         <div class="panel-heading">             <h4 class="panel-title">                 <a data-toggle="collapse" href="#collapse">collapsible group</a>             </h4>         </div>         <div id="collapse" class="panel-collapse collapse">             <div class="panel-body">                 goes here...             </div>         </div>     </div> } 

any appreciated.

firstly read link: http://getbootstrap.com/javascript/#collapse

but following help:

<div class="panel panel-default">     <div class="panel-heading">         <h4 class="panel-title">             <a role="button" data-toggle="collapse" href="#collapseid" aria-expanded="false" aria-controls="collapseid">collapsible group</a>         </h4>     </div>     <div id="collapseid" class="panel-collapse collapse">         <div class="panel-body">             goes here...         </div>     </div> </div> 

Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -