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

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more